@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap");:root{--bg:#0b0e16;--surface:#121723;--elev:#192131;--line:#263044;--text:#eef2f8;--muted:#8c97ab;--accent:#5dd7f2;--purple:#9a84f7;--green:#53d59a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% 0,#1a2140 0,transparent 38%),var(--bg);color:var(--text);font:14px Inter,system-ui,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 6vw;gap:40px;background:#0d111bdf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:-webkit-sticky;position:sticky;top:0;z-index:2}.brand{font:600 18px Outfit;white-space:nowrap}.brand-mark{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--purple));color:#101522;margin-right:8px}.accent{color:var(--accent)}nav{display:flex;gap:24px;flex:1 1;color:var(--muted)}nav a:hover{color:var(--text)}.login{border:1px solid var(--line);padding:10px 16px;border-radius:8px}.container{max-width:1120px;margin:auto;padding:72px 28px}.hero{display:flex;align-items:center;justify-content:space-between;min-height:330px}.eyebrow{letter-spacing:2px;font-size:11px;color:var(--accent);font-weight:600}.hero h1{font:600 clamp(40px,6vw,64px)/1.05 Outfit;margin:14px 0}.hero h1 span{color:var(--accent)}.lead{max-width:500px;color:var(--muted);line-height:1.7;font-size:16px}.button{display:inline-flex;gap:28px;align-items:center;border:0;border-radius:8px;padding:13px 18px;font-weight:600;margin-top:22px}.primary{background:linear-gradient(135deg,var(--accent),#6ca8ff);color:#07111d}.oauth{width:100%;justify-content:space-between;background:#f4f6fb;color:#1b2230;margin-top:28px}.hero-orb{width:280px;height:280px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#28365e,transparent 66%);position:relative}.orb-ring{position:absolute;width:210px;height:210px;border:1px solid #6a78ad66;border-radius:50%;box-shadow:0 0 70px #5dd7f233}.orb-core{font:700 80px Outfit;color:var(--accent);text-shadow:0 0 35px #5dd7f299}.section-head{display:flex;justify-content:space-between;align-items:end;margin:42px 0 20px}.section-head h2{font:500 26px Outfit;margin:8px 0}.muted{color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.feature-card{background:#141b29cc;border:1px solid var(--line);border-radius:12px;padding:22px;min-height:160px;transition:.2s;position:relative}.feature-card:hover{transform:translateY(-3px);border-color:#5dd7f277;background:var(--elev)}.card-icon{color:var(--accent);font-size:24px;margin-bottom:18px}.feature-card h3{font:500 19px Outfit;margin:0 0 8px}.feature-card p{color:var(--muted);margin:0}.card-arrow{position:absolute;right:20px;bottom:20px;color:var(--accent)}.auth-page{display:grid;place-items:center;min-height:70vh}.auth-card{width:min(420px,100%);background:#141b29ee;border:1px solid var(--line);padding:40px;border-radius:16px;text-align:center}.large{font-size:24px;margin-bottom:50px}.auth-card h1{font:500 30px Outfit;margin:10px 0}.fine{font-size:11px;color:var(--muted);margin-top:24px}@media(max-width:800px){.topbar{padding:0 18px;gap:16px}nav{overflow:auto;gap:14px}nav a{white-space:nowrap}.container{padding:42px 18px}.hero-orb{display:none}.card-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.card-grid{grid-template-columns:1fr}.section-head{display:block}.section-head .muted{display:block;margin-top:10px}}.placeholder{max-width:760px;margin:40px auto}.placeholder h1{font:500 46px Outfit;margin:12px 0}.empty-state{margin-top:34px;padding:34px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);line-height:2;text-align:center}.form-stack{display:flex;flex-direction:column;gap:12px;text-align:left}.form-stack input,.form-stack select,.form-stack textarea{width:100%;padding:12px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit}.form-stack .button{align-self:flex-start}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:16px}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin:28px 0}.live-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px}.live-panel h2{font:500 20px Outfit;margin:0}.empty-line{padding:24px 0}.data-table{margin-top:14px}.data-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));grid-gap:8px;gap:8px;padding:10px 0;border-top:1px solid var(--line);font-size:12px}.notification-list{display:grid;grid-gap:10px;gap:10px;margin-top:24px}.notification{padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.notification.unread{border-color:var(--accent);background:var(--elev)}.notification p{color:var(--muted);margin:8px 0 0}@media(max-width:800px){.admin-grid{grid-template-columns:1fr}}.question-text{font-size:20px;line-height:1.6;margin:28px 0}.option-list{display:grid;grid-gap:12px;gap:12px}.option{padding:15px;text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:9px}.option.correct,.option:hover{border-color:var(--accent);background:var(--elev)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-top:28px}@media(max-width:800px){.settings-grid{grid-template-columns:1fr}}.notification-bell{position:relative;font-size:18px;padding:8px}.notification-bell span{position:absolute;top:0;right:0;background:#ef6b7a;color:#fff;border-radius:99px;font-size:10px;line-height:16px;min-width:16px;text-align:center;padding:0 3px}