:root{--orange:#E4572E;--ink:#071820;--white:#fff;--grey:#F2F4F5;--line:#D8E0E3;--muted:#6B797F;--navy:#102830;--green:#1B7A49}
*{box-sizing:border-box}html{font-family:Inter,Arial,Helvetica,sans-serif;background:var(--grey);color:var(--ink);scroll-behavior:smooth}body{margin:0}a{color:inherit}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}.no-radius,*{border-radius:0!important}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(7,24,32,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(7,24,32,.035) 1px,transparent 1px);background-size:56px 56px;z-index:-2}
.site-header{height:84px;background:#fff;border-top:4px solid var(--orange);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;position:sticky;top:0;z-index:30}.brand img{width:200px;display:block}.beta-mark{display:flex;align-items:center;gap:18px}.beta-chip{background:var(--ink);color:#fff;padding:10px 13px;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.header-nav{display:flex;gap:20px;align-items:center}.header-nav a{text-decoration:none;font-size:13px;font-weight:800}.header-nav a:hover{color:var(--orange)}
.main{width:min(1240px,92vw);margin:0 auto;padding:42px 0 80px}.hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.75fr);min-height:440px;background:var(--ink);color:white;position:relative;overflow:hidden;border-left:5px solid var(--orange)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:72px 72px}.scan{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--orange),transparent);animation:scan 6s linear infinite;opacity:.65}@keyframes scan{0%{top:7%}50%{top:92%}100%{top:7%}}.hero-copy{padding:64px 60px;position:relative;z-index:2}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.18em;color:var(--orange);text-transform:uppercase}.hero h1{font-size:clamp(52px,7vw,94px);line-height:.92;letter-spacing:-.045em;margin:14px 0 22px}.hero p{max-width:760px;font-size:19px;line-height:1.55;color:#D4DDE0}.hero-side{position:relative;z-index:2;padding:48px 36px;border-left:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column;justify-content:space-between}.hero-number{font-size:84px;font-weight:900;color:var(--orange);line-height:.8}.hero-side small{color:#c5d0d4}.chevrons{font-size:35px;letter-spacing:-6px;color:var(--orange);animation:step 1.6s steps(3,end) infinite}@keyframes step{0%{transform:translateX(0);opacity:.5}50%{transform:translateX(8px);opacity:1}100%{transform:translateX(0);opacity:.5}}
.panel{background:#fff;border:1px solid var(--line);margin-top:24px}.panel-head{padding:24px 28px;border-bottom:1px solid var(--line)}.panel-head h2{font-size:30px;margin:7px 0 0;letter-spacing:-.02em}.panel-body{padding:28px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.muted{color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--orange);color:#fff;border:0;text-decoration:none;padding:15px 19px;font-weight:900;cursor:pointer;letter-spacing:.01em}.btn.ink{background:var(--ink)}.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--ink)}.btn.block{width:100%}.btn:hover{filter:brightness(.96)}
.field{display:grid;gap:7px;margin:14px 0}.field label{font-size:13px;font-weight:850}.field input,.field select,.field textarea{width:100%;border:1px solid #AEBBC0;padding:14px;background:#fff;color:var(--ink);border-radius:0}.field textarea{min-height:115px;resize:vertical}.hint{font-size:12px;color:var(--muted)}
.auth-shell{width:min(1040px,92vw);margin:48px auto 90px;display:grid;grid-template-columns:1fr 1fr;min-height:600px;background:#fff;border:1px solid var(--line)}.auth-art{background:var(--ink);color:#fff;padding:48px;position:relative;overflow:hidden}.auth-art::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:54px 54px}.auth-art>*{position:relative;z-index:2}.auth-art h1{font-size:58px;line-height:.95;margin:28px 0}.auth-form{padding:46px}.notice{padding:14px;border-left:4px solid var(--orange);background:var(--grey);margin:16px 0}.error{border-left-color:#B43C2A;color:#7f261b}.success{border-left-color:var(--green)}
.dashboard-top{display:grid;grid-template-columns:1fr 310px;gap:24px;align-items:stretch}.welcome{background:var(--ink);color:#fff;padding:36px 40px;position:relative;overflow:hidden}.welcome h1{font-size:54px;letter-spacing:-.04em;margin:8px 0}.welcome p{color:#cad5d9}.reference-card{background:#fff;border:1px solid var(--line);padding:26px;display:flex;flex-direction:column;justify-content:space-between}.reference-card img{width:170px}.progress-wrap{margin-top:24px;background:#fff;border:1px solid var(--line);padding:28px}.progress-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.progress-percent{font-size:44px;font-weight:900;color:var(--orange)}.progress-track{height:10px;background:#DDE3E6;margin:18px 0 24px;position:relative}.progress-fill{height:100%;background:var(--orange);width:var(--progress);transition:width .7s cubic-bezier(.2,.8,.2,1)}.module-rail{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.module-dot{border:1px solid #9CABB1;padding:10px 8px;min-height:72px;background:#fff;transition:.25s}.module-dot.done{background:var(--orange);color:#fff;border-color:var(--orange)}.module-dot.current{border-color:var(--ink);box-shadow:inset 0 -4px 0 var(--ink)}.module-dot .num{font-size:18px;font-weight:900}.module-dot .lab{font-size:10px;font-weight:800;margin-top:6px;text-transform:uppercase;letter-spacing:.04em}
.module-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:24px}.module-card{background:#fff;border:1px solid var(--line);padding:25px;display:grid;grid-template-columns:54px 1fr auto;gap:18px;align-items:start}.module-card .big{font-size:34px;font-weight:900;color:var(--orange)}.module-card h3{margin:2px 0 7px;font-size:22px}.module-card p{margin:0;color:var(--muted);line-height:1.45}.status-pill{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;padding:7px 8px;background:#E9EDEF}.status-pill.done{background:#E6F3EB;color:#17683C}.status-pill.started{background:#FFF0EA;color:#9B3C20}
.module-page{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.module-main .module-hero{background:var(--ink);color:#fff;padding:38px 40px;border-left:5px solid var(--orange);position:relative;overflow:hidden}.module-hero h1{font-size:48px;margin:8px 0}.module-hero p{color:#CAD5D9;line-height:1.5}.module-side{position:sticky;top:108px;align-self:start}.side-card{background:#fff;border:1px solid var(--line);padding:22px;margin-bottom:18px}.task{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #E8ECEE}.task:last-child{border-bottom:0}.task input{width:18px;height:18px;accent-color:var(--orange)}.choice-row{display:flex;flex-wrap:wrap;gap:8px}.choice{border:1px solid #AEBBC0;padding:10px 12px;cursor:pointer;background:#fff}.choice input{margin-right:6px}.rating{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.rating label{border:1px solid #AEBBC0;text-align:center;padding:11px 5px;background:#fff}.launch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.activity{font-size:12px;color:var(--muted)}
.footer{background:var(--ink);color:#fff;padding:28px 4.5vw;margin-top:50px;display:flex;justify-content:space-between;gap:20px;font-size:12px}.footer img{width:130px}
@media(max-width:980px){.hero{grid-template-columns:1fr}.hero-side{border-left:0;border-top:1px solid rgba(255,255,255,.15);min-height:220px}.dashboard-top,.module-page{grid-template-columns:1fr}.module-side{position:static}.module-list{grid-template-columns:1fr}.module-rail{grid-template-columns:repeat(4,1fr)}.grid2,.grid3{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr}.auth-art{min-height:340px}}
@media(max-width:680px){.site-header{height:auto;min-height:76px;padding:14px 18px}.brand img{width:166px}.beta-chip{display:none}.header-nav{gap:12px}.header-nav a{font-size:12px}.main{width:min(94vw,1240px);padding-top:22px}.hero-copy{padding:38px 24px}.hero h1{font-size:50px}.hero-side{padding:30px 24px}.module-rail{grid-template-columns:repeat(2,1fr)}.module-card{grid-template-columns:44px 1fr}.module-card>a{grid-column:1/-1;width:100%}.auth-form{padding:28px 22px}.auth-art{padding:30px 24px}.auth-art h1{font-size:44px}.welcome{padding:28px 24px}.welcome h1{font-size:42px}.reference-card{padding:22px}.module-main .module-hero{padding:30px 24px}.module-hero h1{font-size:38px}.launch-grid{grid-template-columns:1fr}.footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}