:is(.landing-shell .page-content:has(>.auth),.landing-shell .page-content:has(>.welcome)){max-width:none;padding:0}.auth,.welcome{isolation:isolate;background:radial-gradient(44% 64% at 72% 42%, #ffffff17, transparent 72%), linear-gradient(180deg, var(--showroom-800), var(--showroom-950) 84%);min-height:calc(100svh - 64px);color:var(--on-dark-2);position:relative;overflow:hidden}.auth:before,.welcome:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#ffffff0a 1px,#0000 1px) 0 0/40px 40px,linear-gradient(90deg,#ffffff0a 1px,#0000 1px) 0 0/40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 90% at 70% 40%,#000,#0000 80%);mask-image:radial-gradient(80% 90% at 70% 40%,#000,#0000 80%)}.auth-grid{min-height:inherit;grid-template-columns:minmax(0,1fr) minmax(360px,460px);align-items:center;gap:clamp(40px,6vw,128px);padding-block:clamp(32px,4vw,72px);display:grid}.auth-copy{max-width:580px}.auth .auth-title{font-family:var(--font-serif);letter-spacing:-.025em;color:var(--on-dark);text-wrap:balance;margin:14px 0 0;font-size:clamp(46px,5vw,82px);font-weight:400;line-height:.98}.auth-lead{max-width:34em;color:var(--on-dark-2);text-wrap:pretty;margin:20px 0 0;font-size:clamp(17px,1.3vw,20px);line-height:1.6}.auth-points{gap:16px;margin:34px 0 0;padding:0;list-style:none;display:grid}.auth-points li{color:var(--on-dark-3);grid-template-columns:38px minmax(0,1fr);align-items:start;gap:14px;line-height:1.5;display:grid}.auth-point-icon{width:38px;height:38px;color:var(--lamp-on-dark);background:#6fe0a014;border:1px solid #6fe0a04d;border-radius:11px;place-items:center;display:grid}.auth-points strong{font-size:var(--fs-16);color:var(--on-dark);display:block}.auth-carry{width:fit-content;max-width:100%;color:var(--on-dark);background:#6fe0a00f;border:1px solid #6fe0a047;border-radius:14px;align-items:center;gap:12px;margin:30px 0 0;padding:12px 18px 12px 12px;line-height:1.45;display:flex}.auth-form{align-content:center;justify-items:center;min-height:520px;display:grid}.auth-off{border:1px solid var(--showroom-line);max-width:360px;color:var(--on-dark-2);border-radius:18px;padding:24px;line-height:1.6}.welcome{padding:clamp(32px, 5vw, 80px) var(--landing-gutter,20px);place-items:center;display:grid}.welcome-card{background:linear-gradient(#1c2026,#15181d);border:1px solid #ffffff1f;border-radius:24px;gap:18px;width:min(100%,540px);padding:clamp(26px,3vw,40px);display:grid;box-shadow:0 40px 80px -40px #000000e6}.welcome-card h1{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--on-dark);margin:0;font-size:clamp(40px,3.8vw,56px);font-weight:400;line-height:1}.welcome-card p{color:var(--on-dark-2);margin:0;line-height:1.6}.welcome-card .btn{justify-self:start}.welcome-actions{flex-wrap:wrap;gap:12px;display:flex}.welcome-field{gap:8px;display:grid}.welcome-field>span:first-child{font-size:var(--fs-15);color:var(--on-dark);font-weight:600}.welcome-input{display:block;position:relative}.welcome-input input{width:100%;height:52px;font-family:var(--font-mono);color:var(--on-dark);transition:border-color .16s var(--ease), box-shadow .16s var(--ease);background:#101318;border:1px solid #ffffff29;border-radius:12px;padding:0 46px 0 16px;font-size:17px}.welcome-input input:focus{border-color:#6fe0a099;outline:none;box-shadow:0 0 0 3px #6fe0a02e}.welcome-input input[aria-invalid=true]{border-color:#ff8a7a99}.welcome-ok,.welcome-bad{position:absolute;top:50%;right:15px;translate:0 -50%}.welcome-ok{color:var(--lamp-on-dark)}.welcome-bad{color:#ff8a7a}.welcome-hint{min-height:1.5em;font-size:var(--fs-15);color:var(--on-dark-3)}.welcome-field:has(input[aria-invalid=true]) .welcome-hint{color:#ff8a7a}.welcome-preview{background:#ffffff08;border:1px solid #ffffff1a;border-radius:14px;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 16px;display:grid}.welcome-preview-rank{font-family:var(--font-mono);color:var(--lamp-on-dark);font-size:14px}.welcome-preview-name{min-width:0;display:grid}.welcome-preview-name strong{font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;color:var(--on-dark);font-weight:600;overflow:hidden}.welcome-preview-name small{color:var(--on-dark-3);font-size:13px}.welcome-preview-xp{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--on-dark-2);font-size:14px}.account-signin{border-radius:var(--r-pill);min-height:36px;font-size:var(--fs-15);color:var(--showroom-950);white-space:nowrap;transition:background .15s var(--ease);background:#fff;flex:none;align-items:center;padding:0 16px;font-weight:600;text-decoration:none;display:inline-flex}.account-signin:hover{background:#e8e7e3}.account-slot{flex:none;width:80px;height:36px}.account-menu{flex:none;position:relative}.account-chip{border:1px solid var(--showroom-line);border-radius:var(--r-pill);min-height:36px;font:inherit;font-size:var(--fs-15);color:var(--on-dark);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:0 10px 0 4px;font-weight:600;display:inline-flex}.account-chip:hover,.account-chip[aria-expanded=true]{border-color:#ffffff4d}.account-chip svg{color:var(--on-dark-3)}.account-avatar{color:#0f1115;background:linear-gradient(135deg,#6fe0a0,#36a46e);border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:grid}.account-name{text-overflow:ellipsis;white-space:nowrap;max-width:12ch;overflow:hidden}.account-pop{z-index:40;min-width:250px;animation:account-pop-in .16s var(--ease-out);background:#181b21;border:1px solid #ffffff1f;border-radius:14px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 24px 50px -20px #000000d9}@keyframes account-pop-in{0%{opacity:0;transform:translateY(-4px)}}.account-pop-head{border-bottom:1px solid #ffffff14;gap:2px;margin-bottom:4px;padding:10px 12px 12px;display:grid}.account-pop-head strong{color:var(--on-dark)}.account-pop-head span{text-overflow:ellipsis;color:var(--on-dark-3);font-size:13px;overflow:hidden}.account-pop button{width:100%;font:inherit;font-size:var(--fs-15);color:var(--on-dark-2);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.account-pop button:hover{color:var(--on-dark);background:#ffffff0f}.account-pop .account-pop-cta{color:var(--lamp-on-dark)}.account-plan{border-radius:var(--r-pill);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;padding:2px 8px;font-size:11.5px;font-weight:600}.account-plan.pro{background:var(--lamp-on-dark);color:#0f1115}.account-plan.trial{color:var(--lamp-on-dark);border:1px solid #6fe0a073}.account-plan.trial.ending{color:#f3c46b;border-color:#f3c46b8c}.account-pop-head .account-pop-plan{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--lamp-on-dark);margin-top:6px;font-size:12px}.pro-offer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:640px;color:var(--on-dark-2);background:radial-gradient(90% 140% at 0 0,#6fe0a01c,#0000 60%),#16191ecc;border:1px solid #6fe0a052;border-radius:20px;gap:18px;padding:clamp(20px,2vw,26px);display:grid;box-shadow:0 30px 60px -36px #000000d9}.mp-start~.pro-offer,.mp-copy>.pro-offer{margin-top:clamp(24px,2.4vw,36px)}.pro-offer-head{align-items:center;gap:16px;display:flex}.pro-offer-head>div{gap:4px;display:grid}.pro-offer-head strong{font-size:var(--fs-19);color:var(--on-dark)}.pro-offer-head span{line-height:1.5}.pro-mark{width:52px;height:52px;color:var(--lamp-on-dark);background:#6fe0a01a;border:1px solid #6fe0a073;border-radius:14px;flex:none;place-items:center;display:grid;box-shadow:0 0 24px -6px #6fe0a099}.pro-offer .btn-primary{color:var(--showroom-950);background:#fff}.pro-offer .btn-primary:hover:not(:disabled){background:#e8e7e3}.pro-offer .btn-secondary{color:var(--on-dark);background:#ffffff0d;border-color:#ffffff38}.pro-gate{margin:clamp(24px,3vw,48px) auto 0}.mp-rig-chip.pro{color:var(--lamp-on-dark);border-color:#6fe0a066}.m-thumb-chips .m-pro-chip,.m-card-top .m-pro-chip{color:var(--lamp-on-dark);background:#6fe0a024;align-items:center;gap:5px;display:inline-flex}.lesson-pro,.course-pro{margin:28px 0 0}.lesson-locked{counter-reset:locked 1;gap:0;max-width:640px;margin:22px 0 0;padding:0;list-style:none;display:grid}.lesson-locked li{border-bottom:1px solid var(--line-200);color:var(--ink-500);counter-increment:locked;align-items:center;gap:12px;padding:12px 4px;display:flex}.lesson-locked li:before{content:counter(locked) ".";min-width:1.6em;font-family:var(--font-mono);color:var(--ink-500);font-size:13px}.lesson-locked li:after{content:"Pro";border-radius:var(--r-pill);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--lamp-on-dark);background:#6fe0a01f;margin-left:auto;padding:1px 8px;font-size:11.5px}.course-module-pro{border-radius:var(--r-pill);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;vertical-align:2px;color:var(--lamp-on-dark);background:#6fe0a024;margin-left:8px;padding:1px 7px;font-size:11px;font-weight:600}.welcome-card.welcome-plans{width:min(100%,760px)}.plan-choice{grid-template-columns:1.15fr 1fr;gap:14px;margin-top:6px;display:grid}.plan-option{font:inherit;color:var(--on-dark-2);text-align:left;cursor:pointer;transition:border-color .16s var(--ease), transform .2s var(--ease-out), background .16s var(--ease);background:#ffffff08;border:1px solid #ffffff1f;border-radius:16px;align-content:start;gap:8px;padding:20px;display:grid}.plan-option:hover:not(:disabled){border-color:#ffffff42;transform:translateY(-2px)}.plan-option:disabled{cursor:progress;opacity:.7}.plan-option strong{font-size:var(--fs-19);color:var(--on-dark)}.plan-option span{line-height:1.5}.plan-option small{font-family:var(--font-mono);color:var(--on-dark-3);margin-top:4px;font-size:12.5px}.plan-option.featured{background:radial-gradient(120% 120% at 0 0,#6fe0a024,#0000 60%),#ffffff08;border-color:#6fe0a080;box-shadow:0 0 40px -18px #6fe0a099}.plan-option.featured:hover:not(:disabled){border-color:#6fe0a0bf}.plan-option .plan-option-tag{border-radius:var(--r-pill);background:var(--lamp-on-dark);width:fit-content;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:#0f1115;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.plan-card-actions{gap:8px;margin-top:auto;display:grid}.plan-card .plan-card-actions .btn{margin-top:0}.plan-granted{color:var(--lamp-on-dark);text-align:center;background:#6fe0a014;border:1px solid #6fe0a059;border-radius:12px;margin:0;padding:12px 14px;font-weight:600}.btn-ghost-light{color:#fff;background:0 0;border:1px solid #ffffff42}.btn-ghost-light:hover:not(:disabled){background:#ffffff0f;border-color:#ffffff80}.rail-nav .rail-action{border-radius:var(--r-sm);width:100%;min-height:40px;font:inherit;font-size:var(--fs-15);color:var(--rail-text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;padding:0 12px;font-weight:520;display:flex}.rail-nav .rail-action:hover{background:var(--rail-hover);color:var(--ink-950)}.account-nudge{border-left-color:var(--lamp-on-dark)}.account-nudge>svg{color:var(--lamp-on-dark)}@media (max-width:640px){.plan-choice{grid-template-columns:minmax(0,1fr)}.pro-offer-head{align-items:flex-start}}@media (max-width:1000px){.auth-grid{grid-template-columns:minmax(0,1fr);min-height:0}.auth-form{min-height:0}}@media (prefers-reduced-motion:reduce){.account-pop{animation:none}}