@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#080d1c;--panel:#101a2d;--panel2:#121f35;--line:rgba(173,195,230,.13);--text:#f2f6ff;--muted:#91a1bb;--cyan:#48d9ed;--blue:#6688ff;--green:#49d7a0;--violet:#a58bff;--danger:#ff7186}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% -10%,rgba(58,91,170,.22),transparent 42%),var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.container{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:48px 0 80px}.narrow{width:min(620px,calc(100% - 32px));padding-top:7vh}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1120px)/2));background:rgba(8,13,28,.78);backdrop-filter:blur(16px);position:sticky;top:0;z-index:5}.brand{display:flex;gap:11px;align-items:center;font-family:Manrope;font-size:13px;letter-spacing:1.4px}.brand b{color:var(--cyan)}.brand small{display:block;color:var(--muted);font:9px 'DM Sans';letter-spacing:2px;margin-top:3px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#37cce5,#647cff);font:800 20px Manrope;color:#07101d}.topbar nav{display:flex;align-items:center;gap:24px;font-size:13px;color:#bdc9dd}.topbar nav a:hover{color:var(--cyan)}.nav-cta{padding:10px 15px;border:1px solid var(--line);border-radius:10px}.hero{padding:76px 0 70px;max-width:780px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:var(--cyan);font-weight:700}.hero h1{font:800 clamp(44px,7vw,76px)/1.07 Manrope;letter-spacing:-3.8px;margin:22px 0}.hero h1 span{background:linear-gradient(90deg,#62dff0,#8795ff 65%,#b29bff);-webkit-background-clip:text;color:transparent}.lead{font-size:17px;line-height:1.8;color:var(--muted);max-width:610px}.actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:1px solid var(--line);border-radius:11px;padding:12px 18px;font:700 13px 'DM Sans';cursor:pointer;background:transparent;color:var(--text)}.button.primary{background:linear-gradient(110deg,#32c7df,#627fff);border:0;color:#07111e;box-shadow:0 10px 30px #3476a533}.button.ghost:hover{border-color:var(--cyan);color:var(--cyan)}.hero-stats{display:flex;gap:54px;margin-top:65px}.hero-stats b{display:block;font:800 27px Manrope}.hero-stats small{font-size:9px;letter-spacing:1.6px;color:var(--muted)}.feature-grid,.subject-grid,.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature,.subject-card,.admin-tile,.panel,.stat,.auth-card{background:linear-gradient(145deg,rgba(20,32,54,.96),rgba(12,21,38,.96));border:1px solid var(--line);border-radius:18px;padding:25px;position:relative;overflow:hidden}.feature h2,.admin-tile h2{font:700 21px Manrope;margin:22px 0 8px}.feature p,.admin-tile p{color:var(--muted);line-height:1.65;font-size:13px}.orb{display:block;width:9px;height:9px;border-radius:50%;box-shadow:0 0 22px currentColor}.green{color:var(--green);background:currentColor}.violet{color:var(--violet);background:currentColor}.cyan{color:var(--cyan);background:currentColor}footer{border-top:1px solid var(--line);padding:24px;text-align:center;color:#61718b;font-size:11px}.auth-card{padding:34px}.auth-card h1,.page-heading h1{font:800 38px Manrope;letter-spacing:-1.5px;margin:12px 0}.muted{color:var(--muted);line-height:1.65}.form{display:grid;gap:16px;margin-top:24px}.form label{display:grid;gap:8px;color:#cbd6e8;font-size:12px;font-weight:600}.form input,.form select,.form textarea{width:100%;background:#091325;border:1px solid var(--line);border-radius:9px;color:var(--text);padding:13px;font:14px 'DM Sans';outline:none}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--cyan)}.form h3{font:700 13px Manrope;color:var(--cyan);margin:10px 0 -5px}.narrow-card{max-width:480px;margin:4vh auto}.center{text-align:center;margin-top:22px;font-size:12px}.center a{color:var(--cyan)}.notice{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#112139;margin:16px 0;color:#dce8fb;font-size:13px;line-height:1.6}.notice.error{border-color:#ff718655;background:#4a1b2a55}.notice.warning{border-color:#e7bb5d66;background:#4b391b55}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:35px}.page-heading h1{font-size:42px}.pill{border:1px solid var(--line);border-radius:30px;padding:8px 12px;color:var(--muted);font-size:10px;letter-spacing:1px}.admin-pill{color:var(--cyan)}.section-title{display:flex;align-items:end;justify-content:space-between;margin:48px 0 18px}.section-title h2{font:700 25px Manrope;margin:8px 0}.empty{padding:55px 20px;text-align:center;border:1px dashed #53678366;border-radius:18px;color:var(--muted)}.empty h2{font:700 20px Manrope;color:var(--text)}.empty-icon{font-size:26px;color:var(--cyan)}.subject-card{min-height:225px;display:flex;flex-direction:column;transition:.2s}.subject-card:hover,.admin-tile:hover{transform:translateY(-3px);border-color:#57d9ed77}.subject-card h2{font:700 24px Manrope;margin:22px 0 5px}.subject-card p{font-size:12px;color:var(--muted);line-height:1.5}.subject-top,.subject-foot{display:flex;justify-content:space-between;align-items:center}.subject-symbol{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;background:#39d3aa22;color:var(--green);font:800 17px Manrope}.c1 .subject-symbol{background:#9e86ff22;color:var(--violet)}.c2 .subject-symbol{background:#45d8ef22;color:var(--cyan)}.subject-foot{margin-top:auto;padding-top:15px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.subject-foot b{color:var(--cyan)}.arrow{color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:20px}.stat small{display:block;color:var(--muted);font-size:9px;letter-spacing:1.2px}.stat b{font:800 32px Manrope;display:block;margin-top:10px}.admin-tile{min-height:190px;display:flex;flex-direction:column}.admin-tile>span{color:var(--cyan);font:700 11px Manrope}.admin-tile b{font-size:11px;color:var(--cyan);margin-top:auto}.admin-columns{display:grid;grid-template-columns: minmax(260px,.8fr) minmax(320px,1.2fr);gap:16px}.panel h2{font:700 19px Manrope;margin:0 0 15px}.manage-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--line);padding:14px 0}.manage-row b,.manage-row small{display:block}.manage-row small{color:var(--muted);font-size:11px;margin-top:5px}.text-button{background:none;border:0;cursor:pointer;font-weight:700;font-size:11px}.danger-text{color:var(--danger)}.green-text{color:var(--green)}.lesson-list{display:grid;gap:9px}.lesson-row{display:flex;align-items:center;gap:16px;padding:17px;border:1px solid var(--line);border-radius:13px;background:#101a2d}.lesson-row:hover{border-color:#55d7ed77}.lesson-number{font:700 13px Manrope;color:var(--cyan)}.lesson-info{flex:1}.lesson-info b,.lesson-info small{display:block}.lesson-info small{font-size:11px;color:var(--muted);margin-top:5px}.lesson-play{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:#4bd5e922;color:var(--cyan);font-size:11px}.video-frame{aspect-ratio:16/9;background:#000;border:1px solid var(--line);border-radius:16px;overflow:hidden}.video-frame iframe{width:100%;height:100%;border:0}.small{font-size:11px}.check-label{display:flex!important;align-items:center;gap:10px}.check-label input{width:auto}.inline-form{margin-top:15px}.settings-panel{max-width:760px}.settings-panel .notice{margin-top:24px}
@media(max-width:760px){.topbar{padding:0 16px}.topbar nav{gap:12px;font-size:11px}.container{width:calc(100% - 28px);padding-top:30px}.hero{padding:55px 0}.hero h1{letter-spacing:-2px}.feature-grid,.subject-grid,.admin-grid{grid-template-columns:1fr}.hero-stats{gap:25px}.hero-stats b{font-size:22px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:34px}.stats-grid{grid-template-columns:repeat(2,1fr)}.admin-columns{grid-template-columns:1fr}.auth-card{padding:24px}.brand{font-size:11px}.brand-mark{width:34px;height:34px}}