@keyframes quizFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-quiz{--dark:#060d26;--pink:#ff63d8;--pink-light:#fff0fb;--gray:#f5f5f5;--white:#fff;--text-mid:#4a5568;--text-light:#999;background:var(--white)}.page-quiz .screen{min-height:calc(100vh - 56px);animation:.3s quizFadeIn;display:none}.page-quiz .screen.active{justify-content:center;align-items:center;display:flex}.page-quiz .card{width:100%;max-width:560px;margin:0 auto;padding:40px 28px}.page-quiz .btn-pink{background:var(--pink);color:var(--white);border:2px solid var(--pink);cursor:pointer;padding:16px 44px;font-family:Be Vietnam Pro,sans-serif;font-size:15px;font-weight:700;transition:all .25s}.page-quiz .btn-pink:hover{color:var(--pink);border-color:var(--pink);background:0 0}.page-quiz .btn-dark{background:var(--dark);color:var(--white);border:2px solid var(--dark);cursor:pointer;padding:14px 32px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.page-quiz .btn-dark:hover{background:var(--white);color:var(--dark)}.page-quiz .option-btn{text-align:left;background:var(--white);width:100%;color:var(--dark);cursor:pointer;border:2px solid #e5e7eb;margin-bottom:8px;padding:14px 18px;font-family:Be Vietnam Pro,sans-serif;font-size:14px;line-height:1.5;transition:all .2s;display:block}.page-quiz .option-btn:hover,.page-quiz .option-btn.selected{border-color:var(--pink);background:var(--pink-light)}.page-quiz .progress-track{background:#e5e7eb;width:100%;height:4px;margin-bottom:28px}.page-quiz .progress-fill{background:var(--pink);height:100%;transition:width .5s}.page-quiz .email-input{color:var(--white);background:#ffffff0f;border:2px solid #ffffff26;outline:none;flex:1;padding:13px 14px;font-family:Be Vietnam Pro,sans-serif;font-size:14px}.page-quiz .email-input::placeholder{color:#ffffff4d}@media (max-width:480px){.page-quiz .card{padding:28px 20px}.page-quiz .quiz-h1{font-size:26px}.page-quiz .email-row{flex-direction:column}.page-quiz .email-row .btn-pink{text-align:center;width:100%}}