:root{--bg:#f6f3fb;--card:#fff;--text:#1b1230;--muted:#695b86;--border:#e6dff2;--purple:#6e00ff;--purple-2:#8e19ff;--red:#ff1744;--shadow:0 20px 60px #4310781f;--radius:24px}*{box-sizing:border-box}html,body,#root{min-height:100%;color:var(--text);background:radial-gradient(circle at top left, #ff17441a, transparent 30%), radial-gradient(circle at top right, #6e00ff1f, transparent 35%), var(--bg);margin:0;font-family:Inter,Arial,sans-serif}button,input,textarea{font:inherit}.page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:760px;box-shadow:var(--shadow)}.hero{text-align:center;padding:36px 28px 40px}.logo{width:220px;max-width:70%;margin:0 auto 20px;display:block}.badge,.mini-badge{color:var(--purple);background:#6e00ff14;border-radius:999px;padding:8px 14px;font-size:.92rem;font-weight:700;display:inline-block}.hero h1,.form-card h2,.done-card h2{margin:18px 0 16px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05}.lead{max-width:640px;color:var(--muted);margin:0 auto;font-size:1.08rem;line-height:1.7}.lead.small{max-width:620px;font-size:1rem}.meta{color:var(--muted);margin:18px 0 24px;font-weight:600}.primary-btn,.secondary-btn,.choice-btn,.option-card{cursor:pointer;border:none;transition:all .2s}.primary-btn{background:linear-gradient(135deg, var(--red), var(--purple));color:#fff;border-radius:14px;padding:14px 24px;font-weight:800}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px #6e00ff38}.secondary-btn{color:var(--text);background:#f0ebf8;border-radius:14px;padding:14px 20px;font-weight:700}.secondary-btn:disabled,.primary-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.form-card{padding:26px}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.progress{color:var(--muted);font-weight:700}.progress-bar{background:#efe8fa;border-radius:999px;width:100%;height:12px;margin-bottom:22px;overflow:hidden}.progress-bar-fill{background:linear-gradient(135deg, var(--red), var(--purple));border-radius:inherit;height:100%}.options-grid{gap:12px;margin-top:20px;display:grid}.option-card{text-align:left;border:1px solid var(--border);width:100%;color:var(--text);background:#faf8fe;border-radius:18px;padding:16px 18px;font-weight:600}.option-card:hover{border-color:#6e00ff4d;transform:translateY(-1px)}.option-card.active{background:linear-gradient(135deg,#ff174414,#6e00ff1a);border-color:#6e00ff80}.text-area,.text-input{border:1px solid var(--border);background:#faf8fe;border-radius:18px;outline:none;width:100%;margin-top:16px;padding:14px 16px}.text-area{resize:vertical;min-height:140px}.text-area:focus,.text-input:focus{border-color:#6e00ff73;box-shadow:0 0 0 4px #6e00ff14}.actions{justify-content:space-between;gap:12px;margin-top:24px;display:flex}.error{color:#c62828;margin-top:14px;font-weight:700}.choice-row{gap:12px;margin-top:24px;display:grid}.choice-btn{border:1px solid var(--border);text-align:left;background:#faf8fe;border-radius:18px;width:100%;padding:16px 18px;font-weight:700}.choice-btn.active{background:linear-gradient(135deg,#ff174414,#6e00ff1a);border-color:#6e00ff80}.contact-form{gap:12px;margin-top:18px;display:grid}.privacy-note{color:var(--muted);margin-top:18px;font-size:.92rem;line-height:1.6}.done-card{text-align:center}@media (width<=640px){.page{padding:14px}.hero,.form-card{padding:22px 16px 24px}.topbar{flex-direction:column;align-items:flex-start}.actions{flex-direction:column}.primary-btn,.secondary-btn{width:100%}}
