@import"https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap";:root{--black: #121212;--green: #CBF41C;--white: #FFFFFF;--grey: #A9A9A9;--card-bg: #1A1A1A;--border: #2A2A2A}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--black);color:var(--white);font-family:Schibsted Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden}.app{min-height:100vh;position:relative}.particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.screen{position:relative;z-index:10;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;max-width:720px;margin:0 auto;text-align:center}.intro-badge{display:inline-block;background:var(--green);color:var(--black);font-size:11px;font-weight:800;letter-spacing:.2em;padding:6px 14px;border-radius:100px;margin-bottom:32px;text-transform:uppercase}.intro-title{font-size:clamp(52px,12vw,96px);font-weight:900;line-height:1;color:var(--white);letter-spacing:-.03em;position:relative}.intro-title.glitch{animation:glitch .15s steps(2) forwards}@keyframes glitch{0%{clip-path:inset(0 0 90% 0);transform:translate(-4px);color:var(--green)}25%{clip-path:inset(40% 0 50% 0);transform:translate(4px)}50%{clip-path:inset(70% 0 10% 0);transform:translate(-2px);color:var(--white)}to{clip-path:inset(0);transform:translate(0)}}.intro-name{font-size:clamp(52px,12vw,96px);font-weight:900;line-height:1;color:var(--green);letter-spacing:-.03em;margin-bottom:24px}.intro-subtitle{font-size:18px;color:var(--grey);font-weight:400;max-width:460px;line-height:1.6;margin-bottom:24px}.intro-divider{width:48px;height:3px;background:var(--green);border-radius:2px;margin:0 auto 24px}.intro-description{font-size:16px;color:var(--grey);max-width:440px;line-height:1.7;margin-bottom:40px}.highlight{color:var(--white);font-weight:600}.intro-footer{margin-top:24px;font-size:12px;color:#444;letter-spacing:.05em}.btn-primary{background:var(--green);color:var(--black);border:none;padding:16px 36px;font-family:Schibsted Grotesk,sans-serif;font-size:16px;font-weight:800;border-radius:100px;cursor:pointer;letter-spacing:.01em;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;box-shadow:0 0 #cbf41c00}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 32px #cbf41c4d}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-next{margin-top:24px}.screen-quiz{justify-content:flex-start;padding-top:60px}.quiz-header{width:100%;max-width:640px;margin-bottom:32px}.quiz-progress-bar{width:100%;height:4px;background:var(--border);border-radius:2px;overflow:hidden;margin-bottom:12px}.quiz-progress-fill{height:100%;background:var(--green);border-radius:2px;transition:width .4s ease}.quiz-meta{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:var(--grey);letter-spacing:.05em;text-transform:uppercase}.quiz-score-live{color:var(--green)}.question-card{background:var(--card-bg);border:1px solid var(--border);border-radius:24px;padding:40px 36px;width:100%;max-width:640px;text-align:left}.question-emoji{font-size:40px;margin-bottom:16px}.question-text{font-size:clamp(18px,3vw,24px);font-weight:700;color:var(--white);line-height:1.4;margin-bottom:28px}.options-grid{display:flex;flex-direction:column;gap:12px}.option-btn{display:flex;align-items:center;gap:14px;background:transparent;border:1.5px solid var(--border);border-radius:14px;padding:16px 20px;cursor:pointer;font-family:Schibsted Grotesk,sans-serif;font-size:15px;font-weight:500;color:var(--white);text-align:left;transition:all .15s ease}.option-btn:hover:not(.option-correct):not(.option-wrong):not(.option-dimmed){border-color:var(--green);background:#cbf41c0f}.option-letter{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:var(--border);font-size:12px;font-weight:800;color:var(--grey);flex-shrink:0;transition:all .15s ease}.option-correct{border-color:var(--green);background:#cbf41c1a}.option-correct .option-letter{background:var(--green);color:var(--black)}.option-wrong{border-color:#ff4d4d;background:#ff4d4d14}.option-wrong .option-letter{background:#ff4d4d;color:var(--white)}.option-dimmed{opacity:.35}.option-text{flex:1}.answer-feedback{margin-top:20px;padding:14px 18px;border-radius:12px;font-size:14px;font-weight:600;line-height:1.5}.feedback-correct{background:#cbf41c1f;border:1px solid rgba(203,244,28,.3);color:var(--green)}.feedback-wrong{background:#ff4d4d14;border:1px solid rgba(255,77,77,.2);color:#ff6b6b}.result-score-ring{width:120px;height:120px;border-radius:50%;border:4px solid var(--green);display:flex;align-items:center;justify-content:center;margin-bottom:28px;position:relative;box-shadow:0 0 40px #cbf41c33}.result-score-num{font-size:48px;font-weight:900;color:var(--green);line-height:1}.result-score-denom{font-size:20px;font-weight:600;color:var(--grey);align-self:flex-end;padding-bottom:10px}.result-title{font-size:clamp(28px,5vw,42px);font-weight:900;color:var(--white);margin-bottom:12px}.result-msg{font-size:17px;color:var(--grey);max-width:440px;line-height:1.7;margin-bottom:36px}.result-card{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:28px 32px;width:100%;max-width:520px;text-align:left;margin-bottom:36px}.result-card h3{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--green);margin-bottom:16px}.result-card ul{list-style:none;display:flex;flex-direction:column;gap:10px}.result-card li{font-size:15px;color:var(--white);font-weight:500;line-height:1.5}.screen-celebration{overflow:hidden;position:relative}.confetti-piece{position:fixed;top:-20px;animation:confetti-fall linear infinite;z-index:5}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}.celebration-badge{display:inline-block;background:var(--green);color:var(--black);font-size:11px;font-weight:800;letter-spacing:.2em;padding:6px 16px;border-radius:100px;margin-bottom:28px;text-transform:uppercase}.celebration-title{font-size:clamp(36px,7vw,64px);font-weight:900;color:var(--white);letter-spacing:-.03em;margin-bottom:16px;line-height:1.1}.celebration-subtitle{font-size:18px;color:var(--grey);max-width:500px;line-height:1.7;margin-bottom:48px}.celebration-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:600px;margin-bottom:40px}.cell-card{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:24px 20px;text-align:left;transition:border-color .2s,transform .2s}.cell-card:hover{border-color:var(--green);transform:translateY(-2px)}.cell-icon{font-size:28px;display:block;margin-bottom:10px}.cell-card h4{font-size:15px;font-weight:700;color:var(--white);margin-bottom:6px}.cell-card p{font-size:13px;color:var(--grey);line-height:1.6}.celebration-footer{font-size:12px;color:#333;letter-spacing:.07em}@media(max-width:480px){.question-card{padding:28px 20px}.celebration-grid{grid-template-columns:1fr}.screen{padding:32px 20px}}