:root{font-family:Georgia,Times New Roman,serif;color:#f7f3ea;background:radial-gradient(circle at top left,rgba(225,121,69,.2),transparent 30%),radial-gradient(circle at right,rgba(53,98,124,.24),transparent 28%),linear-gradient(180deg,#0c1118,#111c28 42%,#152433);text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;border:1px solid rgba(247,243,234,.12);border-radius:1rem;padding:.9rem 1rem;color:#f7f3ea;background:#ffffff0a}textarea{resize:vertical}button{border:0;border-radius:999px;padding:.85rem 1.2rem;color:#101821;background:linear-gradient(135deg,#f0b56a,#ef8960);font-weight:700;cursor:pointer}.navbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid rgba(247,243,234,.08);background:#090d14d6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.navbar-brand-block{display:grid;gap:.15rem}.brand{font-size:1.25rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.brand-subtitle{color:#f7f3ea9e;font-size:.82rem}.navbar nav{display:flex;align-items:center;gap:.8rem}.nav-user{color:#f7f3eab8}.nav-button{padding-inline:1rem}.nav-pill,.tag,.hero-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.4rem .75rem;background:#f0b56a1f;color:#f0b56a;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 78px)}.sidebar{padding:1.25rem;border-right:1px solid rgba(247,243,234,.08);background:#060a1052}.sidebar-label{margin:0 0 .8rem;color:#f7f3ea8c;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}.sidebar-links{display:grid;gap:.45rem}.sidebar-link{padding:.9rem 1rem;border:1px solid transparent;border-radius:1rem;color:#f7f3eacc;transition:.16s ease}.sidebar-link:hover,.sidebar-link.active{border-color:#f0b56a29;background:#f0b56a14;color:#fff6e6}.app-content{padding:1.5rem}.stack{display:grid;gap:1.25rem}.landing-page,.auth-page{display:grid;place-items:center;min-height:calc(100vh - 78px);padding:2rem}.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:1.5rem;width:min(1100px,100%)}.hero-copy,.hero-panel,.auth-panel,.surface,.hero-banner{border:1px solid rgba(247,243,234,.09);border-radius:1.5rem;background:linear-gradient(180deg,#141c28e6,#0c1118e0);box-shadow:0 30px 80px #00000038}.hero-copy,.hero-panel,.auth-panel{padding:2rem}.hero-copy h1,.auth-panel h1,.hero-banner h1{margin:.25rem 0 .75rem;font-size:clamp(2.7rem,6vw,5rem);line-height:.98}.hero-text{max-width:48rem;font-size:1.08rem}.hero-actions{display:flex;gap:1rem;margin-top:1.5rem}.primary-link,.secondary-link{border-radius:999px;padding:.9rem 1.25rem;font-weight:700}.primary-link{color:#101821;background:linear-gradient(135deg,#f0b56a,#ef8960)}.secondary-link{border:1px solid rgba(247,243,234,.12)}.hero-panel{display:grid;gap:1rem;align-content:center}.hero-stat{display:grid;gap:.25rem;padding:1rem;border-radius:1.2rem;background:#ffffff08}.hero-stat span{color:#f7f3ea99}.hero-stat strong{font-size:1.8rem}.auth-panel{width:min(520px,100%)}.auth-form,.form-grid{display:grid;gap:1rem;margin:1.5rem 0}.form-grid,.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-form label,.form-grid label{display:grid;gap:.45rem;color:#f7f3ead1}.surface{padding:1.5rem}.wide-surface{width:100%}.surface-head{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.surface-head h2{margin:.25rem 0 0;font-size:2rem}.surface-actions,.toolbar{display:flex;gap:.75rem;flex-wrap:wrap}.hero-banner{display:flex;align-items:start;justify-content:space-between;gap:1rem;padding:1.6rem}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.metric-card{padding:1.2rem;border:1px solid rgba(247,243,234,.08);border-radius:1.25rem;background:#ffffff08}.metric-card h3{margin:.25rem 0;font-size:2rem}.metric-label,.metric-note,.meta-grid span,.list-card p,p,td,th{color:#f7f3eabd}.feature-grid,.list-grid,.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.feature-card,.list-card,.topic-card,.question-card,.empty-state,.question-builder,.result-banner{padding:1.15rem;border:1px solid rgba(247,243,234,.08);border-radius:1.2rem;background:#ffffff08}.list-card-head,.progress-strip,.result-banner,.inline-form,.meta-grid{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.option-stack{display:grid;gap:.6rem}.radio-row{display:flex;align-items:center;gap:.75rem}.radio-row input{width:auto}.progress-strip{align-items:center;margin-bottom:1rem}.topic-card.completed{border-color:#9be7ae2e}.topic-card.pending{border-color:#f0b56a1f}.table-shell{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:.95rem .75rem;border-bottom:1px solid rgba(247,243,234,.08);text-align:left}.empty-state{text-align:center}.eyebrow{margin:0;color:#f0b56a;font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.form-error{margin:0;color:#ff9d9d}.form-success{margin:0;color:#9be7ae}.span-2{grid-column:span 2}@media(max-width:1080px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid rgba(247,243,234,.08)}.hero-grid,.metrics-grid,.feature-grid,.list-grid,.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.navbar,.hero-banner,.surface-head{flex-direction:column;align-items:start}.hero-grid,.metrics-grid,.feature-grid,.list-grid,.topic-grid,.form-grid,.profile-grid,.option-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.app-content,.landing-page,.auth-page{padding:1rem}}