:root{--neo-black: #121212;--neo-white: #ffffff;--neo-bg: #fffbf0;--neo-bg-alt: #f4efe1;--neo-yellow: #ffe600;--neo-cyan: #70d6ff;--neo-pink: #ff70a6;--neo-mint: #00f5d4;--neo-green: #38ef7d;--neo-purple: #c084fc;--neo-orange: #ff9f1c;--neo-coral: #ff5e5b;--neo-gray-light: #f3f4f6;--neo-gray-muted: #6b7280;--neo-border-width: 3px;--neo-border: 3px solid var(--neo-black);--neo-border-sm: 2px solid var(--neo-black);--neo-border-lg: 4px solid var(--neo-black);--neo-radius: 12px;--neo-radius-sm: 8px;--neo-radius-full: 9999px;--neo-shadow: 4px 4px 0px var(--neo-black);--neo-shadow-sm: 2px 2px 0px var(--neo-black);--neo-shadow-lg: 7px 7px 0px var(--neo-black);--neo-shadow-yellow: 4px 4px 0px var(--neo-yellow);--font-heading: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace}[data-theme=cyber]{--neo-black: #0f172a;--neo-white: #ffffff;--neo-bg: #e0f2fe;--neo-bg-alt: #bae6fd;--neo-yellow: #facc15;--neo-cyan: #06b6d4;--neo-pink: #f43f5e;--neo-mint: #10b981;--neo-green: #22c55e;--neo-purple: #8b5cf6;--neo-orange: #f97316;--neo-coral: #ef4444}[data-theme=emerald]{--neo-black: #064e3b;--neo-white: #ffffff;--neo-bg: #f0fdf4;--neo-bg-alt: #dcfce7;--neo-yellow: #a3e635;--neo-cyan: #22d3ee;--neo-pink: #fb7185;--neo-mint: #34d399;--neo-green: #10b981;--neo-purple: #c084fc;--neo-orange: #fb923c;--neo-coral: #f87171}[data-theme=lavender]{--neo-black: #3b0764;--neo-white: #ffffff;--neo-bg: #faf5ff;--neo-bg-alt: #f3e8ff;--neo-yellow: #fde047;--neo-cyan: #38bdf8;--neo-pink: #ec4899;--neo-mint: #2dd4bf;--neo-green: #4ade80;--neo-purple: #a855f7;--neo-orange: #fb923c;--neo-coral: #f43f5e}[data-theme=sunset]{--neo-black: #431407;--neo-white: #ffffff;--neo-bg: #fff7ed;--neo-bg-alt: #ffedd5;--neo-yellow: #fbbf24;--neo-cyan: #38bdf8;--neo-pink: #f43f5e;--neo-mint: #34d399;--neo-green: #22c55e;--neo-purple: #d946ef;--neo-orange: #ea580c;--neo-coral: #e11d48}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100vh;background-color:var(--neo-bg);color:var(--neo-black);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.5}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;background-image:radial-gradient(var(--neo-black) .75px,transparent .75px);background-size:24px 24px;opacity:.08;z-index:0}#root{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:800;line-height:1.2;color:var(--neo-black);letter-spacing:-.02em}h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.25rem}h4{font-size:1.1rem}.neo-btn{font-family:var(--font-heading);font-weight:700;font-size:.95rem;padding:10px 18px;border-radius:var(--neo-radius-sm);border:var(--neo-border);background:var(--neo-white);color:var(--neo-black);box-shadow:var(--neo-shadow);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:transform .1s ease,box-shadow .1s ease,background-color .15s ease;-webkit-user-select:none;user-select:none}.neo-btn:hover{transform:translate(-2px,-2px);box-shadow:var(--neo-shadow-lg)}.neo-btn:active{transform:translate(2px,2px);box-shadow:var(--neo-shadow-sm)}.neo-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--neo-shadow-sm)}.neo-btn-yellow{background:var(--neo-yellow)}.neo-btn-yellow:hover{background:#ffd600}.neo-btn-cyan{background:var(--neo-cyan)}.neo-btn-cyan:hover{background:#50c4f8}.neo-btn-pink{background:var(--neo-pink);color:#fff}.neo-btn-pink:hover{background:#f85894}.neo-btn-mint{background:var(--neo-mint)}.neo-btn-mint:hover{background:#00dcbe}.neo-btn-purple{background:var(--neo-purple);color:#121212}.neo-btn-purple:hover{background:#b06ef8}.neo-btn-coral{background:var(--neo-coral);color:#fff}.neo-btn-dark{background:var(--neo-black);color:#fff}.neo-btn-dark:hover{background:#222}.neo-btn-sm{padding:6px 12px;font-size:.85rem;box-shadow:var(--neo-shadow-sm)}.neo-btn-lg{padding:14px 28px;font-size:1.15rem;border-width:3px;box-shadow:var(--neo-shadow-lg)}.neo-card{background:var(--neo-white);border:var(--neo-border);border-radius:var(--neo-radius);box-shadow:var(--neo-shadow);padding:24px;position:relative;transition:transform .15s ease,box-shadow .15s ease}.neo-card-interactive{cursor:pointer}.neo-card-interactive:hover{transform:translate(-3px,-3px);box-shadow:var(--neo-shadow-lg)}.neo-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--neo-black)}.neo-badge{font-family:var(--font-heading);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;border-radius:var(--neo-radius-sm);border:var(--neo-border-sm);display:inline-flex;align-items:center;gap:6px;background:var(--neo-white);box-shadow:2px 2px 0 var(--neo-black)}.neo-badge-yellow{background:var(--neo-yellow)}.neo-badge-mint{background:var(--neo-mint)}.neo-badge-cyan{background:var(--neo-cyan)}.neo-badge-pink{background:var(--neo-pink);color:#fff}.neo-badge-purple{background:var(--neo-purple)}.neo-badge-coral{background:var(--neo-coral);color:#fff}.neo-badge-dark{background:var(--neo-black);color:#fff}.neo-header{position:sticky;top:0;z-index:100;background:var(--neo-white);border-bottom:var(--neo-border);box-shadow:0 4px #0000000d}.neo-header-inner{max-width:1280px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.neo-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--neo-black)}.neo-brand-icon{width:42px;height:42px;background:var(--neo-yellow);border:var(--neo-border);border-radius:var(--neo-radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.4rem;box-shadow:var(--neo-shadow-sm)}.neo-brand-text{display:flex;flex-direction:column}.neo-brand-title{font-family:var(--font-heading);font-size:1.3rem;font-weight:800;line-height:1.1;letter-spacing:-.02em}.neo-brand-sub{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--neo-gray-muted)}.neo-timer-badge{display:inline-flex;align-items:center;gap:8px;background:var(--neo-yellow);border:var(--neo-border);border-radius:var(--neo-radius-sm);padding:6px 14px;font-family:var(--font-mono);font-weight:800;font-size:1.15rem;box-shadow:var(--neo-shadow-sm);animation:pulse 2s infinite}.neo-timer-warning{background:var(--neo-coral);color:#fff;animation:urgentPulse 1s infinite}@keyframes urgentPulse{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}.neo-input,.neo-textarea,.neo-select{width:100%;font-family:var(--font-body);font-size:.95rem;padding:12px 14px;border-radius:var(--neo-radius-sm);border:var(--neo-border);background:var(--neo-white);color:var(--neo-black);box-shadow:2px 2px 0 var(--neo-black);outline:none;transition:box-shadow .1s ease,border-color .1s ease}.neo-textarea{min-height:120px;resize:vertical;line-height:1.6}.neo-input:focus,.neo-textarea:focus,.neo-select:focus{box-shadow:4px 4px 0 var(--neo-black);background:#fffef7}.quiz-option-card{display:flex;align-items:flex-start;gap:14px;padding:16px;border:var(--neo-border);border-radius:var(--neo-radius-sm);background:var(--neo-white);box-shadow:3px 3px 0 var(--neo-black);cursor:pointer;transition:all .12s ease;-webkit-user-select:none;user-select:none;margin-bottom:12px}.quiz-option-card:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--neo-black);background:#fafaf9}.quiz-option-card.selected{background:var(--neo-mint);border-width:3px;transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--neo-black)}.quiz-option-letter{width:32px;height:32px;border-radius:6px;border:2px solid var(--neo-black);background:var(--neo-white);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:800;font-size:.95rem;flex-shrink:0}.quiz-option-card.selected .quiz-option-letter{background:var(--neo-black);color:#fff}.q-nav-pill{width:36px;height:36px;border-radius:8px;border:2px solid var(--neo-black);background:#fff;font-family:var(--font-heading);font-weight:800;font-size:.9rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:2px 2px 0 var(--neo-black);transition:all .1s}.q-nav-pill:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--neo-black)}.q-nav-pill.answered{background:var(--neo-yellow)}.q-nav-pill.current{background:var(--neo-mint);border-width:3px}.neo-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#121212a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.neo-modal-content{background:var(--neo-white);border:var(--neo-border-lg);border-radius:var(--neo-radius);box-shadow:var(--neo-shadow-lg);max-width:650px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:modalPop .2s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalPop{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.podium-container{display:flex;align-items:flex-end;justify-content:center;gap:16px;margin:32px 0 24px}.podium-step{display:flex;flex-direction:column;align-items:center;text-align:center;width:160px}.podium-pillar{width:100%;border:var(--neo-border);box-shadow:var(--neo-shadow);border-radius:var(--neo-radius-sm) var(--neo-radius-sm) 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:800}.podium-first{height:170px;background:var(--neo-yellow)}.podium-second{height:130px;background:var(--neo-cyan)}.podium-third{height:100px;background:var(--neo-pink);color:#fff}.container-max{max-width:1200px;margin:0 auto;padding:24px 20px}@media(max-width:768px){h1{font-size:1.75rem}h2{font-size:1.4rem}.neo-header-inner{flex-wrap:wrap}.podium-container{display:flex;flex-direction:row;align-items:flex-end;justify-content:center;gap:8px;width:100%;overflow-x:auto;padding:0 4px;margin:20px 0 16px}.podium-step{flex:1;min-width:90px;max-width:120px}.podium-first{height:130px;border-radius:var(--neo-radius-sm) var(--neo-radius-sm) 0 0}.podium-second{height:100px;border-radius:var(--neo-radius-sm) var(--neo-radius-sm) 0 0}.podium-third{height:75px;border-radius:var(--neo-radius-sm) var(--neo-radius-sm) 0 0}.podium-pillar span:first-child{font-size:1.4rem!important}.podium-pillar span:last-child{font-size:.65rem!important;white-space:nowrap;padding:0 4px}}