@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Inter:wght@300;400;500&display=swap");@tailwind base;@tailwind components;@tailwind utilities;:root{--radius:0rem;--coral:#fc5d5d;--coral-dark:#e04545;--coral-light:rgba(252,93,93,.1);--indigo:#4e4894;--charcoal:#1e1e1e;--off-white:#f7f7f7;--text-primary:#1e1e1e;--text-secondary:#444;--text-muted:#888;--border:rgba(30,30,30,.1);--d1:#1b4f8a;--d2:#1e6b3c;--d3:#c05a00;--d4:#6b2d8b;--d5:#b91c1c;--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--duration-fast:200ms;--duration-normal:400ms;--duration-slow:700ms;--duration-reveal:900ms;--font-display:"DM Sans",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--font-mono:"DM Mono","Courier New",monospace}*,:after,:before{box-sizing:border-box}body,html{height:100%}body{font-family:var(--font-body);background:var(--charcoal);color:var(--text-primary);-webkit-font-smoothing:antialiased}#scroll-progress{position:fixed;top:0;left:0;z-index:9999;height:2px;background:var(--coral);transition:width .1s linear;pointer-events:none}.section-label{font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.3em;color:var(--coral);display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.section-label:before{content:"";display:block;width:3rem;height:2px;background:var(--coral);flex-shrink:0}.card-dark{background:hsla(0,0%,100%,.06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.1);border-radius:0}.card-light{background:hsla(0,0%,100%,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(30,30,30,.08);border-radius:0;box-shadow:0 4px 24px rgba(0,0,0,.06);transition:border-color .2s ease,transform .2s ease}.card-light:hover{border-color:rgba(252,93,93,.3);transform:translateY(-2px)}.reveal{opacity:0;transform:translateY(30px);transition:opacity var(--duration-reveal) var(--ease-out-expo),transform var(--duration-reveal) var(--ease-out-expo)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.btn-coral{background:var(--coral);color:#fff;border:none;border-radius:0;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;padding:.875rem 2rem;cursor:pointer;transition:background var(--duration-fast) ease;display:inline-flex;align-items:center;gap:.5rem}.btn-coral:hover{background:var(--coral-dark)}.btn-coral:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background:transparent;border:1px solid rgba(30,30,30,.2);color:var(--text-primary);border-radius:0;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;padding:.75rem 1.5rem;cursor:pointer;transition:all var(--duration-fast) ease}.btn-ghost:hover{background:rgba(30,30,30,.05)}.btn-ghost-inverted{border-color:hsla(0,0%,100%,.3);color:#fff}.btn-ghost-inverted:hover{background:hsla(0,0%,100%,.08)}.quiz-option{border:1px solid var(--border);padding:1rem 1.25rem;background:#fff;width:100%;text-align:left;font-family:var(--font-body);font-size:.9375rem;line-height:1.5;color:var(--text-primary);cursor:pointer;transition:all .15s ease;border-radius:0}.quiz-option:hover:not(:disabled){border-color:var(--coral);background:rgba(252,93,93,.03)}.quiz-option.correct{border-color:var(--d2);background:rgba(30,107,60,.06);color:var(--d2)}.quiz-option.incorrect{border-color:var(--d5);background:rgba(185,28,28,.06);color:var(--d5)}.quiz-option.missed{border-color:var(--d5);background:rgba(185,28,28,.03)}.progress-track{height:4px;background:rgba(30,30,30,.1);border-radius:0;overflow:hidden}.progress-fill{height:100%;transition:width .6s var(--ease-out-expo)}.flashcard-container{perspective:1000px}.flashcard-inner{position:relative;width:100%;min-height:240px;transition:transform .6s var(--ease-out-expo);transform-style:preserve-3d}.flashcard-inner.flipped{transform:rotateY(180deg)}.flashcard-face{position:absolute;width:100%;min-height:240px;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;padding:2rem}.flashcard-back{transform:rotateY(180deg)}.nav-link{font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.15em;color:hsla(0,0%,100%,.5);transition:color var(--duration-fast) ease;border-left:2px solid transparent;padding:.625rem 1.25rem;display:flex;align-items:center;gap:.75rem}.nav-link:hover{color:#fff}.nav-link.active{color:var(--coral);border-left-color:var(--coral);background:rgba(252,93,93,.06)}.domain-badge{font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.2em;padding:.25rem .5rem;border-radius:0;display:inline-flex;align-items:center;gap:.3rem}.accent-line{width:3rem;height:2px;background:var(--coral);margin-bottom:1.5rem}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(252,93,93,.3);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--coral)}