*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--midnight:#0f1626;--velvet:#141d31;--card-bg:#18223a;--card-raised:#1f2b47;--coral:#d2432c;--coral-light:#ff8a73;--deep-rose:#b5321e;--blush:#ffc9bd;--blush-soft:#ffc9bd1f;--accent-rgb:210, 67, 44;--hero-start:#d2432c;--hero-end:#b5321e;--hero-gradient:linear-gradient(160deg, var(--hero-start) 0%, var(--hero-end) 100%);--on-accent:#fff;--gold:#d4a853;--gold-light:#f0c978;--white:#fff;--white-80:#fffc;--white-60:#fff9;--white-30:#ffffff4d;--white-10:#ffffff14;--surface-color:#2e8a66;--growth-color:#3d74bd;--deep-color:#7a5cc0;--spicy-color:#d2432c;--font-serif:"Quicksand", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--radius-sm:0;--radius-md:0;--radius-lg:0;--radius-xl:0;--radius-full:999px;--shadow-card:0 20px 60px #00000080;--shadow-glow-coral:0 0 40px rgba(var(--accent-rgb), .35);--shadow-soft:0 6px 24px #1a25401a;--shadow-glow-gold:0 0 30px #d4a85333;--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth;height:100%}body{min-height:100%;font-family:var(--font-sans);background-color:var(--midnight);color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--velvet)}::-webkit-scrollbar-thumb{background:var(--deep-rose);border-radius:var(--radius-full)}h1,h2,h3{font-family:var(--font-serif);letter-spacing:-.01em;line-height:1.2}h1{font-size:clamp(2.4rem,8vw,4.5rem);font-weight:900}h2{font-size:clamp(1.6rem,5vw,2.8rem);font-weight:700}h3{font-size:clamp(1.1rem,3vw,1.5rem);font-weight:600}p{color:var(--white-80);font-size:1rem;font-weight:400}.text-gold{color:var(--gold-light)}.text-coral{color:var(--coral-light)}.text-blush{color:var(--blush)}.text-muted{color:var(--white-60)}.text-center{text-align:center}.italic{font-style:italic}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-sans);letter-spacing:.02em;cursor:pointer;border-radius:var(--radius-full);transition:all .22s var(--ease-smooth);white-space:nowrap;user-select:none;border:none;padding:14px 32px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;background:#ffffff1f;transition:opacity .2s;position:absolute;inset:0}.btn:hover:before{opacity:1}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg, var(--coral) 0%, var(--deep-rose) 100%);color:var(--on-accent);box-shadow:0 8px 24px rgba(var(--accent-rgb),.35)}.btn-primary:hover{box-shadow:0 12px 40px rgba(var(--accent-rgb),.55);transform:translateY(-2px)}.btn-outline{color:var(--white);border:1.5px solid var(--white-30);background:0 0}.btn-outline:hover{border-color:var(--white-60);background:var(--white-10)}.btn-ghost{background:var(--white-10);color:var(--white-80);border:none}.btn-ghost:hover{background:#ffffff24}.btn-google{color:#1f1f1f;background:#fff;border:1px solid #0000;font-weight:500;box-shadow:0 4px 16px #0000004d}.btn-google:hover{transform:translateY(-1px);box-shadow:0 8px 24px #0006}[data-theme=light] .btn-google{border-color:#747775;box-shadow:0 4px 14px #1a25401f}[data-theme=light] .btn-google:hover{box-shadow:0 8px 22px #1a25402e}.btn-sm{padding:10px 20px;font-size:.875rem}.btn-lg{padding:18px 44px;font-size:1.1rem}.btn-full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.card{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-card);border:1px solid #ffffff0f}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--white-60);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:600}.form-input{background:var(--white-10);border-radius:var(--radius-md);font-family:var(--font-sans);color:var(--white);border:1.5px solid #ffffff1a;outline:none;width:100%;padding:14px 16px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-input::placeholder{color:var(--white-30)}.form-input:focus{border-color:var(--coral);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.18)}.badge{border-radius:var(--radius-full);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-surface{color:var(--surface-color);background:#4caf8a33}.badge-growth{color:var(--growth-color);background:#4a90d933}.badge-deep{color:var(--deep-color);background:#9b59b633}.badge-spicy{background:rgba(var(--accent-rgb),.2);color:var(--spicy-color)}.divider{align-items:center;gap:var(--space-md);color:var(--white-30);font-size:.8rem;display:flex}.divider:before,.divider:after{content:"";background:#ffffff1a;flex:1;height:1px}.page{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:480px;padding:0 var(--space-md);margin:0 auto}.stack{flex-direction:column;display:flex}.stack-sm{gap:var(--space-sm)}.stack-md{gap:var(--space-md)}.stack-lg{gap:var(--space-lg)}.stack-xl{gap:var(--space-xl)}.row{flex-direction:row;align-items:center;display:flex}.row-between{justify-content:space-between}.row-center{justify-content:center}.row-gap-sm{gap:var(--space-sm)}.row-gap-md{gap:var(--space-md)}.center{justify-content:center;align-items:center;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.btn-spinner{border:2.5px solid;border-top-color:#0000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}.page-loading{min-height:100vh;color:var(--white-60);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.page-loading-heart{font-size:2.6rem;animation:1.4s ease-in-out infinite heartbeat}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes float-up{0%{opacity:.6;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-120vh)scale(.3)rotate(20deg)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(var(--accent-rgb),.3)}50%{box-shadow:0 0 50px rgba(var(--accent-rgb),.6)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-in{animation:fade-in-up .5s var(--ease-smooth) both}.animate-scale{animation:scale-in .4s var(--ease-bounce) both}.progress-track{background:var(--white-10);border-radius:var(--radius-full);width:100%;height:4px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--coral), var(--deep-rose));height:100%;transition:width .4s var(--ease-smooth)}.modal-backdrop{backdrop-filter:blur(8px);z-index:100;padding:var(--space-md);background:#000000bf;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-sheet{background:var(--card-raised);border-radius:var(--radius-xl) var(--radius-xl) var(--radius-lg) var(--radius-lg);padding:var(--space-xl) var(--space-lg);border:1px solid #ffffff14;width:100%;max-width:480px;box-shadow:0 -20px 60px #0009}@media (width>=768px){.container{padding:0 var(--space-lg)}}[data-theme=light]{--midnight:#f4f4f0;--velvet:#e8e9e3;--card-bg:#fff;--card-raised:#f9f9f6;--white:#1a2540;--white-80:#1a2540d1;--white-60:#1a254094;--white-30:#1a25404d;--white-10:#1a25400f;--coral:#c83a24;--coral-light:#a8321f;--deep-rose:#a8321f;--blush:#a8321f;--accent-rgb:200, 58, 36;--hero-start:#c83a24;--hero-end:#a8321f;--gold:#a8742a;--gold-light:#c4862e}[data-theme=light] body{background-color:var(--midnight);color:var(--white)}[data-theme=light] .form-input{color:var(--white);background:#1a0a120f;border-color:#1a0a1226}[data-theme=light] .form-input::placeholder{color:var(--white-30)}[data-theme=light] .card{box-shadow:var(--shadow-soft);border-color:rgba(var(--accent-rgb), .12)}[data-theme=light] .divider:before,[data-theme=light] .divider:after{background:#1a0a121f}[data-theme=light] .divider{color:var(--white-30)}[data-theme=light] .progress-track{background:#1a0a121a}[data-theme=light] ::-webkit-scrollbar-track{background:var(--velvet)}.theme-toggle{background:var(--white-10);border-radius:var(--radius-full);color:var(--white-80);cursor:pointer;border:1px solid #ffffff1f;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1.1rem;transition:all .2s;display:flex}.theme-toggle:hover{background:#ffffff29;transform:scale(1.08)}[data-theme=light] .theme-toggle{border-color:#1a0a121f}:root{--box-edge:#8fb3e6;--box-shadow:0 22px 28px -22px #0009, 0 2px 6px #0000002e}[data-theme=light]{--box-edge:#2f5d9a;--box-shadow:0 22px 28px -22px #1a254073, 0 2px 6px #1a25400f}body .card,body .home-card,body .pt-person,body .pt-person.is-accent,body .wr,body .question-card--active,body .ptest-card,body .wl-question-card,body .wl-result-score,body .testimonial-card,body .testimonial-form,body .testimonial-item,body .partner-invitation-banner,body .privacy-content,body .settings-panel,body .invite-card,body .recommended-mode-card,body .mode-card{border:none;border-left:7px solid var(--box-edge);border-top:3px solid var(--box-edge);box-shadow:var(--box-shadow)}body .wb-sheet,body .spicy-sheet{border-top:3px solid var(--box-edge)}