:root{--bg:#031417;--bg-soft:#082126;--panel:#082a30ad;--cyan:#19e3ed;--cyan-soft:#8df4f7;--text:#f3ffff;--muted:#91b8bd;--line:#19e3ed2e;--line-strong:#19e3ed5c;--black:#001012}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 12% 8%,#19e3ed2e,#0000 25%),radial-gradient(circle at 88% 18%,#19e3ed17,#0000 20%),linear-gradient(#031417 0%,#041b1f 52%,#031417 100%);min-height:100vh;margin:0;font-family:Inter,Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:min(1180px,100% - 40px);margin:0 auto}.section-space{padding:110px 0}.brand{letter-spacing:.13em;align-items:center;gap:12px;font-size:13px;font-weight:800;display:inline-flex}.brand-mark{border:1px solid var(--cyan);width:42px;height:38px;color:var(--cyan);letter-spacing:.04em;place-items:center;font-size:11px;display:grid;box-shadow:0 0 28px #19e3ed29}.brand-lockup{white-space:nowrap;flex-direction:column;line-height:1;display:flex}.brand-main{color:var(--white);letter-spacing:.12em;font-size:13px;font-weight:800}.brand-sub{color:var(--cyan);letter-spacing:.35em;margin-top:5px;font-size:8px;font-weight:700}.topnav,.lesson-topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:86px;display:flex}.nav-actions{align-items:center;gap:28px;display:flex}.nav-link{color:var(--muted);font-size:14px}.button{cursor:pointer;letter-spacing:.02em;border:1px solid #0000;border-radius:0;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-weight:750;transition:all .2s;display:inline-flex}.button-primary{background:var(--cyan);color:#001417;box-shadow:0 12px 38px #19e3ed2e}.button-primary:hover{transform:translateY(-2px);box-shadow:0 16px 44px #19e3ed47}.button-secondary{border-color:var(--line-strong);color:var(--text);background:#00121559}.button-secondary:hover{border-color:var(--cyan)}.button-dark{color:var(--text);background:#001518;border-color:#ffffff1f}.button-full{width:100%}.text-link{color:var(--cyan-soft);align-items:center;gap:10px;font-weight:700;display:inline-flex}.hero{padding:95px 0 75px}.hero-badge,.eyebrow{color:var(--cyan);letter-spacing:.18em;font-size:11px;font-weight:850}.hero-grid{grid-template-columns:1.08fr .92fr;align-items:center;gap:64px;margin-top:28px;display:grid}.hero h1{letter-spacing:-.055em;max-width:780px;margin:0;font-size:clamp(52px,7vw,90px);line-height:.94}.hero h1 span{color:var(--cyan)}.hero-copy>p{max-width:650px;color:var(--muted);margin:30px 0;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.hero-visual{position:relative}.hero-visual:before{content:"";background:var(--cyan);opacity:.08;filter:blur(70px);position:absolute;inset:8% -8% -8% 14%}.preview-window{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#031417c2;position:relative;box-shadow:0 32px 90px #00000073}.preview-topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:54px;padding:0 18px;display:flex}.preview-dots{gap:7px;display:flex}.preview-dots span{background:var(--line-strong);border-radius:50%;width:6px;height:6px}.preview-label,.preview-kicker{color:var(--muted);letter-spacing:.16em;font-size:9px;font-weight:800}.preview-body{grid-template-columns:112px 1fr;min-height:390px;display:grid}.preview-sidebar{border-right:1px solid var(--line);flex-direction:column;gap:18px;padding:25px 18px;display:flex}.sidebar-line{background:#8df4f729;height:7px}.sidebar-line.short{width:65%}.sidebar-line.active{background:var(--cyan);box-shadow:0 0 18px #19e3ed66}.preview-content{padding:42px 30px}.preview-title{background:#f3ffffb8;width:78%;height:16px;margin-top:18px}.preview-title.short{width:48%;margin-top:10px}.preview-video{aspect-ratio:16/9;border:1px solid var(--line-strong);background:linear-gradient(145deg,#19e3ed33,#011215e6);place-items:center;margin-top:28px;display:grid}.play-button{border:1px solid var(--cyan);width:58px;height:58px;color:var(--cyan);place-items:center;padding-left:3px;display:grid;box-shadow:0 0 35px #19e3ed33}.play-button.large{width:72px;height:72px}.preview-progress{background:#ffffff1a;height:3px;margin-top:24px}.preview-progress span{background:var(--cyan);width:42%;height:100%;display:block}.metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.metrics div{border-right:1px solid var(--line);flex-direction:column;gap:7px;padding:30px;display:flex}.metrics div:last-child{border-right:0}.metrics strong{font-size:20px}.metrics span{color:var(--muted);font-size:13px}.section-heading{justify-content:space-between;align-items:end;gap:50px;margin-bottom:44px;display:flex}.section-heading h2,.cta-panel h2,.dashboard-section h2,.lesson-description h2{letter-spacing:-.035em;margin:10px 0 0;font-size:clamp(34px,4vw,56px)}.section-heading>p{max-width:470px;color:var(--muted);line-height:1.7}.module-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.module-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#051f245c;min-height:300px;padding:34px;transition:all .2s}.module-card:hover{background:#0c3d446b;transform:translateY(-3px)}.module-number{color:var(--cyan);letter-spacing:.15em;font-size:13px;font-weight:800}.module-card h3{margin:70px 0 15px;font-size:28px}.module-card p{color:var(--muted);max-width:470px;line-height:1.65}.module-footer{color:var(--cyan-soft);letter-spacing:.12em;justify-content:space-between;margin-top:30px;font-size:11px;font-weight:800;display:flex}.cta-panel{background:var(--cyan);color:#001416;justify-content:space-between;align-items:center;gap:30px;min-height:270px;padding:54px;display:flex}.cta-panel .eyebrow{color:#00636b}.cta-panel p{color:#12464b;margin-bottom:0}.auth-page{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-shell{border:1px solid var(--line-strong);background:#021316d1;grid-template-columns:1fr 1fr;width:min(1120px,100%);min-height:720px;display:grid;box-shadow:0 30px 90px #00000073}.auth-panel{padding:58px}.auth-intro{border-right:1px solid var(--line);background:radial-gradient(circle at 20% 20%,#19e3ed3d,#0000 34%),linear-gradient(150deg,#07262b,#031518);flex-direction:column;justify-content:space-between;display:flex}.auth-intro-copy h1{letter-spacing:-.05em;margin:18px 0 25px;font-size:clamp(46px,5vw,72px);line-height:.98}.auth-intro-copy p{color:var(--muted);font-size:17px;line-height:1.7}.auth-quote{color:var(--cyan-soft);letter-spacing:.09em;font-size:13px}.auth-form-panel{place-items:center;display:grid}.auth-form-wrap{width:min(420px,100%)}.auth-form-wrap h2{letter-spacing:-.04em;margin:12px 0;font-size:46px}.form-lead{color:var(--muted);line-height:1.6}.auth-form{gap:20px;margin-top:34px;display:grid}.auth-form label{color:var(--cyan-soft);letter-spacing:.06em;gap:10px;font-size:12px;font-weight:700;display:grid}.auth-form input:not([type=checkbox]){border:1px solid var(--line);width:100%;height:54px;color:var(--text);background:#010f12b8;border-radius:0;outline:none;padding:0 16px}.auth-form input:focus{border-color:var(--cyan)}.form-row{justify-content:space-between;align-items:center;display:flex}.checkbox-label{grid-template-columns:auto 1fr;align-items:center;color:var(--muted)!important;gap:8px!important;display:flex!important}.link-button{color:var(--cyan);cursor:pointer;background:0 0;border:0}.auth-note{color:var(--muted);margin-top:22px;font-size:12px;line-height:1.5}.back-link{color:var(--cyan-soft);margin-top:24px;font-size:13px;display:inline-block}.auth-mobile-logo{display:none}.dashboard-page{background:#031417;grid-template-columns:260px 1fr;min-height:100vh;display:grid}.dashboard-sidebar{border-right:1px solid var(--line);background:#021114;flex-direction:column;height:100vh;padding:32px 24px;display:flex;position:sticky;top:0}.dashboard-nav{gap:8px;margin-top:70px;display:grid}.dashboard-nav-link{color:var(--muted);border-left:2px solid #0000;padding:14px 16px}.dashboard-nav-link.active{color:var(--text);border-left-color:var(--cyan);background:#19e3ed14}.sidebar-profile{border-top:1px solid var(--line);align-items:center;gap:12px;margin-top:auto;padding-top:22px;display:flex}.avatar{background:var(--cyan);color:#001416;place-items:center;width:42px;height:42px;font-weight:850;display:grid}.sidebar-profile div:last-child{gap:4px;display:grid}.sidebar-profile span{color:var(--muted);font-size:12px}.dashboard-main{padding:42px 54px 80px}.dashboard-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.dashboard-header h1{letter-spacing:-.045em;margin:10px 0 0;font-size:clamp(38px,5vw,68px)}.continue-panel{border:1px solid var(--line-strong);background:linear-gradient(145deg,#0f4148b8,#031417f5);grid-template-columns:1fr .9fr;min-height:380px;margin-top:42px;display:grid}.continue-copy{padding:46px}.continue-copy h2{letter-spacing:-.04em;margin:18px 0 10px;font-size:clamp(36px,4vw,58px);line-height:1}.continue-copy p{color:var(--muted)}.continue-video{border-left:1px solid var(--line);background:radial-gradient(circle,#19e3ed2e,#0000 42%);place-items:center;min-height:340px;display:grid}.progress-row{grid-template-columns:1fr auto;align-items:center;gap:14px;margin:50px 0 28px;display:grid}.progress-track{background:#ffffff1a;height:4px}.progress-track span{background:var(--cyan);height:100%;display:block}.progress-row small{color:var(--muted)}.dashboard-section{margin-top:80px}.dashboard-section-heading{justify-content:space-between;align-items:end;margin-bottom:26px;display:flex}.module-status,.lesson-duration{border:1px solid var(--line);color:var(--cyan-soft);letter-spacing:.12em;padding:10px 12px;font-size:10px}.lesson-list{border-top:1px solid var(--line)}.lesson-card{border-bottom:1px solid var(--line);grid-template-columns:70px 1fr auto;align-items:center;gap:24px;padding:28px 12px;transition:all .2s;display:grid}.lesson-card:hover{background:#19e3ed0d;padding-left:20px}.lesson-number{color:var(--cyan);font-weight:800}.lesson-meta{color:var(--cyan);letter-spacing:.14em;font-size:10px;font-weight:800}.lesson-card h3{margin:8px 0;font-size:24px}.lesson-card p{color:var(--muted);margin:0}.lesson-arrow{color:var(--cyan);font-size:24px}.lesson-page{min-height:100vh}.lesson-layout{grid-template-columns:280px 1fr;gap:60px;padding-top:64px;padding-bottom:100px;display:grid}.lesson-sidebar{border-right:1px solid var(--line);padding-right:28px}.lesson-sidebar h2{margin:15px 0 38px;font-size:30px;line-height:1.1}.lesson-nav{display:grid}.lesson-nav a{color:var(--muted);border-bottom:1px solid var(--line);grid-template-columns:34px 1fr;gap:10px;padding:16px 0;font-size:14px;display:grid}.lesson-nav a.active{color:var(--text)}.lesson-nav a.active span{color:var(--cyan)}.lesson-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px;display:flex}.lesson-heading h1{letter-spacing:-.05em;margin:14px 0 0;font-size:clamp(42px,6vw,76px);line-height:.96}.video-frame{border:1px solid var(--line-strong);background:#02121599;padding:12px}.video-placeholder{aspect-ratio:16/9;background:radial-gradient(circle,#19e3ed29,#0000 35%),linear-gradient(145deg,#0b3238,#031417);place-items:center;display:grid}.video-placeholder span{color:var(--muted);letter-spacing:.16em;margin-top:120px;font-size:10px;position:absolute}.lesson-description{border-bottom:1px solid var(--line);padding:54px 0}.lesson-description h2{font-size:38px}.lesson-description p,.lesson-description li{color:var(--muted);line-height:1.75}.lesson-description ul{padding-left:20px}.lesson-footer-nav{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding-top:32px;display:grid}.lesson-footer-nav a:last-child{justify-self:end}@media (max-width:900px){.hero-grid,.continue-panel,.auth-shell,.lesson-layout{grid-template-columns:1fr}.hero{padding-top:60px}.hero-visual{margin-top:20px}.metrics{grid-template-columns:1fr}.metrics div{border-right:0;border-bottom:1px solid var(--line)}.metrics div:last-child{border-bottom:0}.section-heading{flex-direction:column;align-items:flex-start}.module-grid{grid-template-columns:1fr}.cta-panel{flex-direction:column;align-items:flex-start}.auth-intro{display:none}.auth-mobile-logo{margin-bottom:60px;display:block}.auth-panel{padding:42px 28px}.dashboard-page{grid-template-columns:1fr}.dashboard-sidebar{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:20px;height:auto;position:static}.dashboard-nav{margin:0 0 0 auto;display:flex}.sidebar-profile{display:none}.dashboard-main{padding:34px 24px 70px}.continue-video{border-left:0;border-top:1px solid var(--line)}.lesson-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:0 0 28px}.lesson-topbar{min-height:76px}}@media (max-width:640px){.shell{width:min(100% - 24px,1180px)}.section-space{padding:72px 0}.brand-lockup,.nav-link{display:none}.hero h1{font-size:50px}.hero-copy>p{font-size:16px}.preview-body{grid-template-columns:74px 1fr}.preview-content{padding:28px 18px}.module-card{min-height:260px;padding:26px}.module-card h3{margin-top:48px}.cta-panel{padding:34px 26px}.dashboard-sidebar{padding:18px 16px}.dashboard-nav-link{padding:10px;font-size:12px}.dashboard-nav-link:nth-child(2),.dashboard-nav-link:nth-child(3){display:none}.dashboard-header{align-items:flex-start}.dashboard-header .button{min-height:42px;padding:0 14px}.continue-copy{padding:28px}.lesson-card{grid-template-columns:42px 1fr}.lesson-arrow{display:none}.lesson-card p{font-size:13px}.lesson-heading{flex-direction:column;align-items:flex-start}.lesson-layout{gap:34px;padding-top:36px}.lesson-footer-nav{grid-template-columns:1fr}.lesson-footer-nav .button,.lesson-footer-nav a{justify-content:center;width:100%}.lesson-footer-nav a:last-child{justify-self:stretch}}.auth-error{color:#ffd4d4;background:#ff444414;border:1px solid #ff6a6a73;margin:20px 0 4px;padding:14px 16px;font-size:14px;line-height:1.5}.lesson-topbar-actions{align-items:center;gap:10px;display:flex}.lesson-topbar-actions form,.dashboard-header form{margin:0}.sidebar-profile span{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}@media (max-width:680px){.lesson-topbar-actions{gap:6px}.lesson-topbar-actions .button{padding-inline:10px;font-size:11px}}