:root{--bg:#050607;--panel:#0d1013;--panel2:#11151a;--line:#ffffff1a;--text:#f8fafc;--muted:#b5bac2;--yellow:#ffc400;--orange:#f59e0b}*{box-sizing:border-box}body{color:var(--text);background:#050607;margin:0;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Arial,sans-serif}button{font:inherit;cursor:pointer}.dashboard{background:radial-gradient(circle at 55% 10%,#ffc40014,#0000 34rem),#050607;grid-template-columns:290px 1fr 305px;gap:18px;min-height:100vh;padding:14px;display:grid}.sidebar,.rightbar,.topbar,.hero,.continue-card,.quick-practice,.quote,.panel{border:1px solid var(--line);background:linear-gradient(#14191feb,#080a0cf0);border-radius:16px;box-shadow:0 24px 60px #00000073}.sidebar{flex-direction:column;gap:16px;height:calc(100vh - 28px);padding:16px;display:flex;position:sticky;top:14px}.logo-wrap{border:1px solid var(--line);background:#090b0d;border-radius:16px;padding:12px}.logo-wrap img{border-radius:12px;width:100%;display:block}.side-nav{gap:4px;display:grid}.side-nav button{color:#d1d5db;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:14px;padding:12px 14px;font-size:15px;display:flex}.side-nav button.active,.side-nav button:hover{color:#ffd21a;background:linear-gradient(90deg,#ffc40038,#ffc4000d);border:1px solid #ffc4003d}.streak-card{text-align:center;border:1px solid var(--line);background:#ffffff08;border-radius:14px;margin-top:auto;padding:18px}.label{letter-spacing:.04em;font-size:13px;font-weight:900}.streak-big{margin:14px 0;font-size:31px;font-weight:950}.streak-card p{color:var(--muted);font-size:14px;line-height:1.45}.content{flex-direction:column;gap:14px;min-width:0;display:flex}.topbar{align-items:center;gap:18px;height:76px;padding:0 20px;display:flex}.hamb{color:#d1d5db;font-size:31px}.course-title{color:var(--yellow);letter-spacing:.02em;margin-right:auto;font-weight:950}.top-kpis{gap:20px;display:flex}.top-kpis div{border-left:1px solid var(--line);align-items:center;gap:8px;padding-left:16px;display:flex}.top-kpis b{font-size:20px}.top-kpis span{color:var(--muted);font-size:11px;display:block}.avatar{border:1px solid var(--line);background:#20242b;border-radius:999px;width:56px;height:56px;font-size:30px}.hero{background:radial-gradient(circle at 70% 48%,#ffc40026,#0000 19rem),linear-gradient(#101720,#080a0d);grid-template-columns:.9fr 1.1fr;min-height:385px;padding:38px 22px;display:grid;position:relative;overflow:hidden}.hero h1{letter-spacing:.06em;color:#f5f5f4;text-shadow:0 10px 30px #000;margin:18px 0;font-family:Impact,Arial Black,sans-serif;font-size:clamp(42px,5vw,70px);line-height:.98}.hero h1 span{color:var(--yellow)}.hero p{color:#d1d5db;max-width:470px;font-size:20px;line-height:1.35}.hero button,.lesson-info button,.auth-box button{color:#090909;background:linear-gradient(#ffd21a,#f59e0b);border:0;border-radius:9px;padding:13px 17px;font-weight:950;box-shadow:0 12px 30px #f59e0b40}.hero-art{position:relative}.crane:before{content:"";background:#ad7600;width:370px;height:10px;position:absolute;top:18px;right:38px;transform:skewY(-10deg);box-shadow:0 0 0 2px #ffc40033}.crane:after{content:"";background:#ad7600;width:10px;height:155px;position:absolute;top:17px;right:315px}.house{background:linear-gradient(90deg,#2a3038,#15191f);border:8px solid #f2b400;width:330px;height:195px;position:absolute;bottom:10px;right:120px;box-shadow:0 30px 90px #000}.house:before{content:"";border-bottom:92px solid #f2b400;border-left:190px solid #0000;border-right:190px solid #0000;position:absolute;top:-92px;left:-25px;right:-25px}.house:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 42px,#f2b400 43px 52px),repeating-linear-gradient(0deg,#0000 0 70px,#f2b400 71px 80px);position:absolute;inset:35px 46px}.excavator{filter:drop-shadow(0 20px 18px #000);font-size:112px;position:absolute;bottom:24px;right:25px}.continue-card,.quick-practice,.quote{padding:20px 24px}.continue-card h2,.quick-practice h2{letter-spacing:.04em;margin:0 0 14px;font-family:Impact,Arial Black,sans-serif}.lesson-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.lesson-card{border:1px solid var(--line);background:#101419;border-radius:12px;overflow:hidden}.thumb{background-position:50%;background-size:cover;height:135px;position:relative}.thumb span{color:#111;background:#ffc400;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:950;position:absolute;top:9px;right:10px}.lesson-info{padding:12px}.lesson-info h3{margin:0 0 10px;font-size:16px;line-height:1.25}.mini-progress{background:#ffffff17;border-radius:999px;height:8px;overflow:hidden}.mini-progress i{background:linear-gradient(90deg,#ffd21a,#f59e0b);border-radius:999px;height:100%;display:block}.row{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.row small{color:#d1d5db}.lesson-info button{padding:7px 10px;font-size:12px}.quick-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.quick-grid button{border:1px solid var(--line);color:#f8fafc;background:linear-gradient(#141a20,#090b0e);border-radius:12px;place-items:center;height:106px;display:grid}.quick-grid b{font-size:36px}.quick-grid span{font-size:15px}.quote{color:#e5e7eb;font-size:18px}.rightbar{flex-direction:column;gap:12px;display:flex}.panel{padding:17px}.panel h3{letter-spacing:.04em;margin:0 0 13px;font-family:Impact,Arial Black,sans-serif;font-size:17px}.panel p{color:var(--muted);line-height:1.45}.welcome{background:linear-gradient(120deg,#ffc40014,#0003);min-height:132px}.welcome h2{color:var(--yellow);margin:4px 0;font-size:27px}.ring{border-radius:999px;width:140px;height:140px;margin:12px auto;padding:16px}.ring div{text-align:center;background:#11151a;border-radius:999px;place-items:center;width:100%;height:100%;display:grid}.ring b{font-size:38px}.ring span{color:var(--muted);font-size:12px;font-weight:800;display:block}.kpi-row{color:#d1d5db;justify-content:space-between;font-size:13px;display:flex}.goal-row{align-items:center;gap:14px;display:flex}.goal-row>div{font-size:42px}.badges{text-align:center;justify-content:space-between;display:flex}.badges span{font-size:44px;display:block}.badges small{color:var(--muted)}.panel a{color:var(--yellow);text-align:right;margin-top:12px;display:block}.auth-modal{z-index:10;background:#000000b8;place-items:center;display:grid;position:fixed;inset:0}.auth-modal.hidden{display:none}.auth-box{border:1px solid var(--line);background:#11151a;border-radius:20px;width:min(520px,92vw);padding:22px;box-shadow:0 30px 100px #000}.auth-box p{color:var(--muted)}.auth-grid{gap:10px;display:grid}.auth-grid div{gap:5px;display:grid}.auth-grid label{color:#d1d5db}.auth-grid input{border:1px solid var(--line);color:#fff;background:#090b0e;border-radius:10px;padding:12px}.google{color:#111!important;background:#f8fafc!important}.close{width:100%;margin-top:12px;color:#fff!important;background:#242a33!important}@media (width<=1200px){.dashboard{grid-template-columns:240px 1fr}.rightbar{grid-column:1/-1;grid-template-columns:repeat(4,1fr);display:grid}.lesson-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.dashboard{padding:8px;display:block}.sidebar{height:auto;position:relative}.rightbar{display:block}.topbar,.top-kpis{flex-wrap:wrap;height:auto}.hero{grid-template-columns:1fr}.hero-art{height:270px}.lesson-grid,.quick-grid{grid-template-columns:1fr}}