:root{--ink:#f8f4e7;--muted:#aeb6d4;--navy:#071127;--panel:#101d38;--panel-2:#152747;--line:#2b4168;--blue:#3c82ff;--cyan:#42d9d2;--gold:#f3c969;--coral:#ff7c69;--green:#58d68d;--font-display:Georgia,"Times New Roman",serif;--font-body:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(circle at 20% 0,#17366b 0,transparent 32rem),linear-gradient(145deg,#050b19,#091630 58%,#0d1f3f);color:var(--ink);font-family:var(--font-body)}button,input,textarea{font:inherit}button{cursor:pointer}.container{max-width:1480px;margin:auto;padding:2rem}.admin-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:1rem;padding:.85rem 2rem;background:#071127e8;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.admin-brand{font-family:var(--font-display);font-size:1.2rem}.admin-brand b,.brand-orb{display:inline-grid;place-items:center;width:38px;height:38px;margin-right:.65rem;border-radius:12px;background:linear-gradient(145deg,var(--gold),#d9992e);color:#17120a;box-shadow:0 0 28px #f3c96955}.admin-product{color:var(--cyan);font-size:.78rem;text-transform:uppercase;letter-spacing:.14em}.admin-header form{margin-left:auto}.add-question,.danger-button,.header-button,.icon-button,.primary-button,.secondary-button{border:0;border-radius:12px;padding:.75rem 1rem;font-weight:800}.header-button,.secondary-button{background:#1b2d4f;color:var(--ink);border:1px solid var(--line)}.primary-button{background:linear-gradient(135deg,#4c92ff,#6457ee);color:white;box-shadow:0 10px 30px #3569d744}.danger-button{background:#ff7c6922;color:#ff9c8d}.icon-button{background:var(--blue);color:white;font-size:1.2rem}.dashboard{display:grid;grid-gap:2rem;gap:2rem}.dashboard__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.dashboard h1,.login-card h1{font:700 clamp(2rem,5vw,3.7rem)/1 var(--font-display);margin:.2rem 0;color:white}.dashboard__intro,.login-card p{max-width:720px;color:var(--muted);line-height:1.65}.eyebrow{margin:0;color:var(--gold);letter-spacing:.14em;text-transform:uppercase}.badge,.eyebrow{font-size:.72rem;font-weight:900}.badge{padding:.55rem .8rem;border-radius:999px;letter-spacing:.06em}.badge--ok{background:#58d68d1e;color:#7df0a9;border:1px solid #58d68d55}.badge--warn{background:#ffb84d1e;color:#ffd080;border:1px solid #ffb84d55}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:1rem;gap:1rem}.metric-card,.panel,.question-card{background:linear-gradient(145deg,#142441dd,#0d1931dd);border:1px solid var(--line);border-radius:22px;box-shadow:0 16px 50px #0005}.metric-card{display:grid;grid-template-columns:auto 1fr;grid-gap:.2rem .7rem;gap:.2rem .7rem;padding:1.2rem}.metric-card__icon{grid-row:span 2;font-size:1.8rem;color:var(--gold)}.metric-card__label{font-size:.72rem;color:var(--muted);text-transform:uppercase}.metric-card__value{font:700 1.7rem var(--font-display)}.studio-layout{display:grid;grid-template-columns:270px minmax(0,1fr);grid-gap:1.25rem;gap:1.25rem;align-items:start}.challenge-list{position:-webkit-sticky;position:sticky;top:84px;padding:1rem}.section-title{display:flex;justify-content:space-between;align-items:center;gap:1rem}.section-title h2,.section-title h3{margin:.25rem 0}.challenge-item{display:grid;width:100%;grid-gap:.3rem;gap:.3rem;text-align:left;margin:.45rem 0;padding:.85rem;border-radius:12px;border:1px solid transparent;background:#0b1730;color:var(--ink)}.challenge-item small{color:var(--muted)}.challenge-item.is-active{border-color:var(--cyan);background:#153255}.editor-stack{display:grid;grid-gap:1rem;gap:1rem;min-width:0}.studio-toolbar{display:flex;justify-content:space-between;align-items:center;padding:1.2rem}.studio-toolbar h2{margin:.2rem 0}.toolbar-actions{display:flex;gap:.6rem}.notice{padding:.85rem 1rem;border:1px solid #3c82ff66;border-radius:14px;background:#3c82ff18;color:#cbdcff}.notice--error{border-color:#ff7c6966;background:#ff7c6918;color:#ffb5a9}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem;padding:1.2rem}.form-grid label,.login-card label{display:grid;grid-gap:.45rem;gap:.45rem;color:#c8d1eb;font-size:.78rem;font-weight:800}.span-2{grid-column:span 2}input,textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:#071329;color:white;padding:.75rem;outline:none}input:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #42d9d21c}textarea{min-height:82px;resize:vertical}.question-card{padding:1.25rem}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem;margin:1rem 0}.answer-editor{display:grid;grid-template-columns:auto 1fr;grid-gap:.55rem;gap:.55rem;padding:.7rem;border:1px solid var(--line);border-radius:15px;background:#071329}.answer-editor input:last-child{grid-column:2}.answer-editor.is-correct{border-color:var(--green);box-shadow:inset 0 0 20px #58d68d16}.answer-letter{grid-row:span 2;width:42px;border:0;border-radius:11px;background:#273d66;color:white;font-weight:900}.is-correct .answer-letter{background:var(--green);color:#06150c}.add-question{padding:1rem;background:#42d9d218;color:var(--cyan);border:1px dashed #42d9d288}.muted{color:var(--muted);font-size:.82rem}footer{text-align:center;color:#7180a4;font-size:.72rem;padding:2rem}.login-shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{display:grid;grid-gap:1rem;gap:1rem;width:min(460px,100%);padding:2rem;border:1px solid var(--line);border-radius:28px;background:#101d38ed;box-shadow:0 30px 100px #0009}.brand-orb{width:58px;height:58px;margin:0;border-radius:18px;font-weight:900}.login-card .primary-button{padding:1rem}@media (max-width:900px){.metric-grid{grid-template-columns:repeat(2,1fr)}.studio-layout{grid-template-columns:1fr}.challenge-list{position:static}.answer-grid{grid-template-columns:1fr}}@media (max-width:600px){.container{padding:1rem}.admin-header{padding:.7rem 1rem}.admin-product{display:none}.dashboard__header,.studio-toolbar{flex-direction:column}.form-grid,.metric-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.toolbar-actions{width:100%}.toolbar-actions button{flex:1 1}}