*,:before,:after{box-sizing:border-box;margin:0;padding:0}body,html,#root{-ms-content-zooming:none;touch-action:manipulation;width:100%;min-height:100vh;overflow-x:hidden}body{color:#e0e8a0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.app-container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;display:flex;position:relative}.app-container:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#d8e74c0f 0%,#0000 70%);width:600px;height:600px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.question-card{z-index:1;-webkit-backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffff0a 0%,#ffffff03 100%);border:1px solid #d8e74c1f;border-radius:20px;width:100%;max-width:560px;padding:40px 36px;animation:.5s cubic-bezier(.16,1,.3,1) both cardEnter;position:relative}@keyframes cardEnter{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.step-indicator{align-items:center;gap:8px;margin-bottom:24px;display:flex}.step-dot{background:#d8e74c26;border-radius:50%;width:8px;height:8px;transition:all .4s cubic-bezier(.16,1,.3,1)}.step-dot.active{background:#d8e74c;border-radius:4px;width:24px;box-shadow:0 0 12px #d8e74c66}.step-dot.completed{background:#d8e74c80}.step-label{letter-spacing:1.5px;text-transform:uppercase;color:#d8e74c66;margin-left:8px;font-size:12px;font-weight:600}.question-title{color:#e8efb0;margin-bottom:28px;font-size:22px;font-weight:700;line-height:1.35}.choices-list{flex-direction:column;gap:10px;margin-bottom:32px;display:flex}.choice-btn{color:#c8d06a;cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #d8e74c26;border-radius:12px;align-items:center;gap:14px;width:100%;padding:14px 18px;font-family:Inter,sans-serif;font-size:15px;font-weight:500;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.choice-btn:hover{background:#d8e74c0f;border-color:#d8e74c4d;transform:translate(4px)}.choice-btn.selected{color:#fff;background:#d8e74c1f;border-color:#d8e74c;box-shadow:0 0 20px #d8e74c14}.choice-index{color:#d8e74c;background:#d8e74c1a;border-radius:8px;justify-content:center;align-items:center;min-width:30px;height:30px;font-size:13px;font-weight:700;transition:all .25s;display:flex}.choice-btn.selected .choice-index{color:#0a0a0a;background:#d8e74c}.choice-label{flex:1}.choice-check{border:2px solid #d8e74c33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .25s;display:flex}.choice-btn.selected .choice-check{background:#d8e74c;border-color:#d8e74c}.choice-btn.selected .choice-check:after{content:"✓";color:#0a0a0a;font-size:12px;font-weight:700}.next-btn{color:#0a0a0a;cursor:pointer;letter-spacing:.5px;background:#d8e74c;border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 32px;font-family:Inter,sans-serif;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.next-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #d8e74c40}.next-btn:active:not(:disabled){transform:translateY(0)}.next-btn:disabled{opacity:.2;cursor:not-allowed}.next-btn .arrow{font-size:18px;transition:transform .3s}.next-btn:hover:not(:disabled) .arrow{transform:translate(4px)}.redirect-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;animation:.5s cubic-bezier(.16,1,.3,1) both cardEnter;display:flex}.redirect-icon{margin-bottom:20px;font-size:48px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.redirect-title{color:#e8efb0;margin-bottom:8px;font-size:24px;font-weight:700}.redirect-sub{color:#d8e74c80;margin-bottom:24px;font-size:14px}.redirect-link{color:#d8e74c;border:1px solid #d8e74c4d;border-radius:10px;padding:10px 24px;font-weight:600;text-decoration:none;transition:all .25s}.redirect-link:hover{background:#d8e74c1a;border-color:#d8e74c}.question-slide-enter{animation:.4s cubic-bezier(.16,1,.3,1) both slideIn}@keyframes slideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@media (width<=600px){.question-card{border-radius:16px;padding:28px 20px}.question-title{font-size:18px}.choice-btn{padding:12px 14px;font-size:14px}}