@charset "UTF-8";:root{--grape: #3b2a5a;--grape-deep: #241640;--paper: #fff4e8;--paper-dim: #f3e4d3;--ink: #2a2540;--coral: #ff5c7a;--coral-deep: #e63e5e;--mint: #34d9a0;--mint-deep: #1fae7e;--sun: #ffc94d;--font-display: "Bricolage Grotesque", "Trebuchet MS", system-ui, sans-serif;--font-body: "Hanken Grotesque", system-ui, -apple-system, sans-serif;--font-mono: "Space Mono", "Courier New", monospace;--radius: 22px;--radius-lg: 32px;--shadow: 0 24px 60px -20px rgba(20, 10, 40, .55);--ring: 0 0 0 4px rgba(255, 201, 77, .9)}*{box-sizing:border-box}html{scrollbar-gutter:stable;background:radial-gradient(1200px 700px at 50% -10%,#4e3a72 0%,transparent 60%),linear-gradient(160deg,var(--grape) 0%,var(--grape-deep) 100%);background-attachment:fixed}html,body{margin:0;min-height:100%}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 700px at 50% -10%,#4e3a72 0%,transparent 60%),linear-gradient(160deg,var(--grape) 0%,var(--grape-deep) 100%);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:var(--font-display);font-weight:700;cursor:pointer;border:none;border-radius:var(--radius)}button:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:var(--ring)}.stage{min-height:100vh;display:grid;justify-items:stretch;align-items:start;padding:clamp(24px,7vh,80px) 24px 40px}app-start-screen,app-quiz-screen,app-result-screen{display:block;width:100%}.card{width:min(560px,100%);margin-inline:auto;background:var(--paper);border-radius:var(--radius-lg);padding:38px 32px 32px;box-shadow:var(--shadow);text-align:center;position:relative;animation:card-in .5s cubic-bezier(.2,.9,.3,1.2) both}.card h1{font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,6vw,2.9rem);line-height:1.02;margin:0;color:var(--ink)}.eyebrow{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.03em;color:var(--coral-deep);margin:0 0 6px}.figure{width:154px;height:154px;margin:0 auto 4px}.lead{font-size:1.05rem;line-height:1.5;color:#5a5170;max-width:42ch;margin:10px auto 26px}.cta{background:var(--coral);color:#fff;font-size:1.15rem;padding:15px 28px;box-shadow:0 6px 0 var(--coral-deep);transition:transform .08s ease,box-shadow .08s ease}.cta:hover{transform:translateY(-2px);box-shadow:0 8px 0 var(--coral-deep)}.cta:active{transform:translateY(3px);box-shadow:0 3px 0 var(--coral-deep)}@keyframes card-in{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}