*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:#f8fafc;color:#0f172a;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial}.container{display:flex;flex-direction:column;min-height:100dvh}.content{padding:16px;display:flex;flex-direction:column;gap:20px}@media(min-width:1024px){.content{max-width:820px;margin-left:auto;margin-right:auto}}.header{padding:14px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e5e7eb;background:#fff;position:sticky;top:0;z-index:10}.headerTitle{font-size:16px;font-weight:700}.title{font-size:20px;font-weight:700}.subtitle{font-size:14px;color:#475569}.questionCard{border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:14px;border:1px solid #e5e7eb;background:#fff}.questionNumber{font-size:12px;font-weight:600;text-transform:uppercase;color:#6366f1}.questionText{font-size:16px;font-weight:600;line-height:24px}.textInput{width:100%;border-radius:12px;padding:14px;min-height:96px;border:1px solid #e5e7eb;font-size:14px;resize:vertical}.optionsContainer{display:flex;flex-direction:column;gap:10px}.optionButton{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:12px;border:1px solid #e5e7eb;background:#f8fafc;font-size:15px}.optionText{flex:1}.scaleButtons{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.scaleButton{aspect-ratio:1;border-radius:10px;border:1px solid #e5e7eb;background:#f8fafc;font-weight:600}@media(min-width:640px){.scaleButtons{grid-template-columns:repeat(10,1fr)}}.primaryButton{padding:16px;border-radius:16px;display:flex;justify-content:center;align-items:center;background:#6366f1;border:none}.infoCard{border-radius:14px;padding:14px;border:1px solid #e5e7eb;background:#eef2ff}.infoText{font-size:14px;text-align:center}.centered{padding:40px 16px;display:flex;flex-direction:column;gap:12px;color:#475569}.modalOverlay{position:fixed;inset:0;background:#0009;display:flex;align-items:flex-end;padding:16px}.modalCard{width:100%;border-radius:20px 20px 0 0;padding:20px;display:flex;flex-direction:column;gap:14px;background:#fff}@media(min-width:640px){.modalOverlay{align-items:center}.modalCard{max-width:420px;border-radius:20px}}.modalTitle{font-size:18px;font-weight:700}.scoreText{font-size:44px;font-weight:800;color:#6366f1}.modalDescription{font-size:14px;line-height:20px;text-align:center;color:#475569}.signupButton{width:100%;padding:14px;border-radius:14px;background:#6366f1;display:flex;justify-content:center;align-items:center}.laterText{font-size:14px;margin-top:4px;color:#475569;text-align:center}.resultModalOverlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;padding:24px;z-index:1000}.resultModalCard{width:100%;max-width:420px;border-radius:20px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px;background:#fff}.resultModalTitle{font-size:20px;font-weight:700;color:#1a1a1a;margin:0}.resultScoreText{font-size:48px;font-weight:800;color:#ff2d72}.resultModalDescription{font-size:14px;text-align:center;line-height:20px;color:#6c757d;margin:0}.resultPrimaryButton{width:100%;padding:14px 0;border-radius:14px;background:linear-gradient(135deg,#ff2d72,#ff7b5f);border:none;color:#fff;cursor:pointer;font-size:16px;font-weight:600}.resultTextButton{margin-top:2px;padding:8px 12px;font-size:14px;font-weight:500;color:#6c757d;background:transparent;border:none;border-radius:10px;cursor:pointer}.resultSignupForm{width:100%;display:flex;flex-direction:column;gap:10px}.resultSignupForm input{width:100%;border-radius:12px;border:1px solid #e9ecef;padding:12px 14px;font-size:14px}.resultErrorText{margin:0;color:#dc3545;font-size:13px}.emailModalOverlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;padding:24px;z-index:1001}.emailModalCard{width:100%;max-width:420px;border-radius:20px;padding:24px;background:#fff;display:flex;flex-direction:column;gap:14px}.emailModalTitle{margin:0;font-size:20px;font-weight:700;color:#1a1a1a}.emailModalDescription{margin:0;color:#6c757d;font-size:14px;line-height:20px}.emailModalForm{display:flex;flex-direction:column;gap:10px}.emailModalForm input{border-radius:12px;border:1px solid #e9ecef;padding:12px 14px;font-size:14px}.emailModalPrimaryButton{width:100%;padding:14px 0;border-radius:14px;background:linear-gradient(135deg,#ff2d72,#ff7b5f);border:none;color:#fff;cursor:pointer;font-size:16px;font-weight:600}.emailModalTextButton{margin-top:-2px;padding:8px 12px;font-size:14px;font-weight:500;color:#6c757d;background:transparent;border:none;border-radius:10px;cursor:pointer;align-self:center}.emailModalError{margin:0;color:#dc3545;font-size:13px}.container{display:flex;flex-direction:column;min-height:100vh}.content{padding:20px;display:flex;flex-direction:column;gap:20px}.header{padding:16px;display:flex;flex-direction:row;align-items:center;gap:12px;border-bottom:1px solid #E9ECEF;background:#fff}.headerTitle{font-size:18px;font-weight:700;color:#1a1a1a;margin:0}.footer{padding:20px}.primaryButton{padding:18px 0;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff2d72,#ff7b5f);border:none;cursor:pointer;transition:opacity .2s}.primaryButton:hover{opacity:.9}.primaryButtonText{color:#fff;font-size:16px;font-weight:600}.centered{display:flex;flex:1;justify-content:center;align-items:center;gap:20px;min-height:400px;flex-direction:column}.title{font-size:20px;font-weight:700;color:#1a1a1a}.questionCard{border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px;border:1px solid #E9ECEF;background:#fff}.questionNumber{font-size:12px;font-weight:600;text-transform:uppercase;color:#ff2d72;letter-spacing:.5px}.questionText{font-size:18px;font-weight:600;line-height:26px;color:#1a1a1a;margin:0}.optionsContainer{display:flex;flex-direction:column;gap:12px}.optionsContainer.row{flex-direction:row;gap:8px}.optionButton{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:12px;border:1px solid #E9ECEF;background:#f8f9fa;cursor:pointer;transition:all .2s;font-size:16px}.optionsContainer.row .optionButton{flex:1}.optionButton:hover:not(:disabled){background:#e9ecef;border-color:#ff2d72}.optionButton:disabled{cursor:not-allowed;opacity:.7}.optionText{font-size:16px;flex:1;color:#1a1a1a;text-align:left}.textInput{border-radius:12px;padding:16px;min-height:100px;border:1px solid #E9ECEF;background:#fff;font-size:16px;font-family:inherit;resize:vertical;color:#1a1a1a}.textInput:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.7}.textInput::placeholder{color:#adb5bd}.scaleButtons{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap}.scaleButton{flex:1;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid #E9ECEF;background:#f8f9fa;font-size:16px;font-weight:600;color:#1a1a1a;cursor:pointer;transition:all .2s;min-width:50px}.scaleButton:hover:not(:disabled){background:#ff2d72;border-color:#ff2d72;color:#fff}.scaleButton:disabled{cursor:not-allowed;opacity:.7}.modalOverlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;padding:24px;z-index:1000}.modalCard{width:100%;max-width:420px;border-radius:20px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px;background:#fff}.modalTitle{font-size:20px;font-weight:700;color:#1a1a1a;margin:0}.scoreText{font-size:48px;font-weight:800;color:#ff2d72;margin:0}.modalDescription{font-size:14px;text-align:center;line-height:20px;color:#6c757d;margin:0}.signupButton{width:100%;padding:14px 0;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff2d72,#ff7b5f);border:none;cursor:pointer;transition:opacity .2s}.signupButton:hover{opacity:.9}.signupButtonText{color:#fff;font-size:16px;font-weight:600}.laterText{margin-top:8px;padding:8px 12px;font-size:14px;font-weight:500;color:#6c757d;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.laterText:hover{color:#1a1a1a;background:#0000000a}.laterText:active{transform:translateY(1px)}.laterText:focus-visible{outline:2px solid rgba(255,45,114,.4);outline-offset:2px}.infoCard{border-radius:16px;padding:16px;border:1px solid #E9ECEF;background:#f8f9fa;margin-bottom:8px}.infoText{font-size:14px;text-align:center;color:#6c757d;margin:0;line-height:20px}@media(min-width:640px){.content{max-width:820px;margin:0 auto;width:100%}.scaleButtons{flex-wrap:nowrap}}@media(prefers-color-scheme:dark){.container{background:#0a0a0a}.header{background:#1a1a1a;border-bottom-color:#2a2a2a}.headerTitle{color:#fff}.questionCard{background:#1a1a1a;border-color:#2a2a2a}.questionText{color:#fff}.questionNumber{color:#ff5589}.optionButton{background:#2a2a2a;border-color:#2a2a2a;color:#fff}.optionButton:hover:not(:disabled){background:#3a3a3a}.optionText{color:#fff}.textInput{background:#1a1a1a;border-color:#2a2a2a;color:#fff}.textInput:disabled{background:#2a2a2a}.scaleButton{background:#2a2a2a;border-color:#2a2a2a;color:#fff}.infoCard{background:#2a2a2a;border-color:#2a2a2a}.infoText{color:#adb5bd}.modalCard{background:#1a1a1a}.modalTitle{color:#fff}.modalDescription{color:#adb5bd}}.create-account-container{min-height:100vh;background:#f8f9fa;display:flex;justify-content:center;padding:24px}.form{width:100%;max-width:420px;display:flex;flex-direction:column;gap:20px}.sectionTitle{font-size:20px;font-weight:600}.photoPicker{align-self:center;cursor:pointer}.photo,.photoPlaceholder{width:140px;height:140px;border-radius:50%;object-fit:cover}.photoPlaceholder{background:#e9ecef;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#6c757d}.inputGroup{display:flex;flex-direction:column;gap:6px}input,textarea{padding:14px 16px;border-radius:12px;border:1px solid #ced4da;font-size:16px}textarea{resize:vertical}.passwordInputWrapper{position:relative;display:flex;align-items:center}.passwordInputWrapper input{width:100%;padding-right:68px}.passwordToggle{position:absolute;right:10px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:#495057;cursor:pointer;padding:0}.error{font-size:13px;color:#e03131}.errorBox{background:#ffe3e3;border:1px solid #e03131;padding:12px;border-radius:12px}.primaryButton{margin-top:12px;padding:18px;border-radius:16px;border:none;background:linear-gradient(135deg,#ff2d72,#ff7b5f);color:#fff;font-size:18px;font-weight:600;cursor:pointer}.primaryButton:disabled{opacity:.6;cursor:not-allowed}.modalOverlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:24px}.modalCard{background:#fff;padding:24px;border-radius:20px;max-width:400px;width:100%;text-align:center;display:flex;flex-direction:column;gap:16px}.privacy-container{min-height:100vh;background:#f8fafc;padding:20px 16px}.privacy-content{max-width:800px;margin:0 auto;background:#fff;border-radius:16px;padding:40px 24px;box-shadow:0 1px 3px #0000001a}.privacy-header{margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.privacy-header h1{font-size:32px;font-weight:700;color:#0f172a;margin:0 0 12px;line-height:1.2}.privacy-intro{font-size:14px;color:#64748b;margin:0}.privacy-section{margin-bottom:40px}.privacy-section:last-of-type{margin-bottom:0}.privacy-section h2{font-size:24px;font-weight:700;color:#0f172a;margin:0 0 16px;line-height:1.3}.privacy-section h3{font-size:18px;font-weight:600;color:#1e293b;margin:24px 0 12px;line-height:1.4}.privacy-section p{font-size:16px;line-height:1.6;color:#475569;margin:0 0 16px}.privacy-section p:last-child{margin-bottom:0}.privacy-section ul{margin:16px 0;padding-left:24px}.privacy-section li{font-size:16px;line-height:1.6;color:#475569;margin-bottom:12px}.privacy-section li:last-child{margin-bottom:0}.privacy-section a{color:#6366f1;text-decoration:none;transition:color .2s}.privacy-section a:hover{color:#4f46e5;text-decoration:underline}.privacy-section strong{font-weight:600;color:#1e293b}.contact-info{background:#f8fafc;border-radius:12px;padding:20px;margin-top:16px}.contact-info p{margin:0 0 8px}.contact-info p:last-child{margin-bottom:0}.privacy-footer{margin-top:48px;padding-top:24px;border-top:1px solid #e5e7eb;text-align:center}.privacy-footer p{font-size:14px;color:#64748b;margin:0}@media(max-width:640px){.privacy-container{padding:16px 12px}.privacy-content{padding:24px 20px;border-radius:12px}.privacy-header h1{font-size:28px}.privacy-section h2{font-size:22px}.privacy-section h3{font-size:16px}.privacy-section p,.privacy-section li{font-size:15px}.privacy-section{margin-bottom:32px}}.support-container{min-height:100vh;background:#f8fafc;padding:20px 16px}.support-content{max-width:800px;margin:0 auto;background:#fff;border-radius:16px;padding:40px 24px;box-shadow:0 1px 3px #0000001a}.support-header{margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.support-header h1{font-size:32px;font-weight:700;color:#0f172a;margin:0 0 16px;line-height:1.2}.support-intro{font-size:16px;line-height:1.6;color:#475569;margin:0}.support-contact{margin-bottom:48px}.support-contact h2{font-size:24px;font-weight:700;color:#0f172a;margin:0 0 16px;line-height:1.3}.support-contact p{font-size:16px;line-height:1.6;color:#475569;margin:0 0 12px}.support-contact p:last-child{margin-bottom:0}.support-contact a{color:#6366f1;text-decoration:none;transition:color .2s}.support-contact a:hover{color:#4f46e5;text-decoration:underline}.support-faq{margin-bottom:0}.support-faq h2{font-size:24px;font-weight:700;color:#0f172a;margin:0 0 24px;line-height:1.3}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{border:1px solid #e5e7eb;border-radius:12px;background:#fff;overflow:hidden;transition:all .2s}.faq-item:hover{border-color:#cbd5e1}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:#fff;border:none;text-align:left;cursor:pointer;font-size:16px;font-weight:600;color:#1e293b;transition:background-color .2s}.faq-question:hover,.faq-question.open{background:#f8fafc}.faq-question span:first-child{flex:1;padding-right:16px}.faq-icon{font-size:24px;font-weight:300;color:#6366f1;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.faq-question.open .faq-icon{transform:rotate(0)}.faq-answer{padding:0 20px 20px;animation:slideDown .2s ease-out}.faq-answer p{font-size:15px;line-height:1.6;color:#475569;margin:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.support-container{padding:16px 12px}.support-content{padding:24px 20px;border-radius:12px}.support-header h1{font-size:28px}.support-contact h2,.support-faq h2{font-size:22px}.support-intro,.support-contact p{font-size:15px}.faq-question{font-size:15px;padding:16px 18px}.faq-answer{padding:0 18px 18px}.faq-answer p{font-size:14px}.support-contact{margin-bottom:40px}}.resetPasswordContainer{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8f9fa;padding:24px}.resetPasswordCard{width:100%;max-width:420px;background:#fff;border:1px solid #e9ecef;border-radius:16px;padding:24px;color:#1a1a1a}.resetPasswordCard h1{margin:0 0 8px;font-size:24px}.resetPasswordDescription{margin:0 0 16px;color:#6c757d}.resetPasswordForm{display:flex;flex-direction:column;gap:12px}.resetPasswordForm input{width:100%;border:1px solid #ced4da;border-radius:12px;padding:14px 16px;background:#fff;color:#1a1a1a}.resetPasswordForm button{margin-top:6px;border:0;border-radius:10px;padding:12px;cursor:pointer;background:#ff2d72;color:#fff;font-weight:600}.resetPasswordForm button:disabled{opacity:.7;cursor:default}.resetPasswordError{margin:0;color:#fca5a5}.resetPasswordSuccess{margin:0;color:#86efac}.mobileResetBridge{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;box-sizing:border-box}.mobileResetBridgeCard{max-width:28rem;width:100%;padding:2rem;border-radius:12px;background:var(--card-bg, #fff);box-shadow:0 4px 24px #00000014}.mobileResetBridgeCard h1{margin:0 0 .75rem;font-size:1.35rem}.mobileResetBridgeCard p{margin:0 0 1.25rem;line-height:1.5;color:#444}.mobileResetBridgeActions{display:flex;flex-direction:column;gap:.75rem}.mobileResetBridgeActions button{padding:.75rem 1rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;background:#111;color:#fff}.mobileResetBridgeActions button:disabled{opacity:.6;cursor:not-allowed}.mobileResetBridgeSecondary{text-align:center;font-size:.95rem}.mobileResetBridgeSecondary button{background:transparent;color:#111;text-decoration:underline}.quizConfirmedContainer{min-height:100vh;padding:24px;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.quizConfirmedCard{max-width:420px;width:100%;background:#fff;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:12px;text-align:center}.quizConfirmedCard h1{margin:0;font-size:28px;color:#212529}.quizConfirmedCard p{margin:0;color:#495057;line-height:1.5}.quizConfirmedButton{margin-top:8px;padding:16px;border-radius:16px;background:linear-gradient(135deg,#ff2d72,#ff7b5f);color:#fff;text-decoration:none;font-size:16px;font-weight:600}