@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg-0:#f4fafb;--bg-1:#e8f4f7;--bg-2:#dff0f4;--surface:#ffffffc7;--surface-solid:#fff;--ink:#16343f;--ink-soft:#4a6670;--accent:#1e6f8e;--accent-2:#38b6c7;--accent-soft:#1e6f8e1a;--accent-line:#38b6c773;--danger:#b42318;--shadow:0 18px 50px #16343f14;--radius:18px;--radius-sm:14px;--font:"Manrope", system-ui, sans-serif;--max:720px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%, #38b6c738, transparent 55%), radial-gradient(900px 500px at 100% 0%, #1e6f8e29, transparent 50%), linear-gradient(180deg, var(--bg-0), var(--bg-1) 45%, var(--bg-2));-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-attachment:fixed;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{place-items:start center;min-height:100vh;padding:28px 16px 48px;display:grid}.quiz{width:min(100%, var(--max));animation:.42s cubic-bezier(.22,1,.36,1) rise}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.screen{background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);border:1px solid #ffffffb3;border-radius:28px;padding:clamp(24px,4vw,40px);position:relative;overflow:hidden}.screen--start{text-align:center;padding-top:clamp(36px,6vw,56px);padding-bottom:clamp(36px,6vw,56px)}.hero-glow{pointer-events:none;background:radial-gradient(circle,#38b6c759,#0000 70%);width:280px;height:280px;position:absolute;inset:-40% auto auto 50%;transform:translate(-50%)}.avatar{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:50%;width:112px;height:112px;margin:0 auto 18px;padding:4px;animation:.52s cubic-bezier(.22,1,.36,1) pop;position:relative;box-shadow:0 14px 34px #1e6f8e38}.avatar__img{object-fit:cover;object-position:center 18%;background:#fff;border-radius:50%;width:100%;height:100%;display:block}.brand-line{color:var(--accent);letter-spacing:.01em;align-items:center;gap:10px;margin:0 0 18px;font-size:.92rem;font-weight:600;display:inline-flex;position:relative}.brand-line__name{font-size:1.05rem;font-weight:800}.brand-line__dot{background:var(--accent-2);border-radius:50%;width:5px;height:5px}.brand-line__role{color:var(--ink-soft);font-weight:500}.screen__title{letter-spacing:-.03em;margin:0 0 14px;font-size:clamp(1.7rem,4.4vw,2.35rem);font-weight:800;line-height:1.15;position:relative}.screen__title--sm{margin-top:8px;font-size:clamp(1.35rem,3.4vw,1.8rem)}.screen__subtitle{max-width:34rem;color:var(--ink-soft);margin:0 auto 28px;font-size:1.05rem;line-height:1.55;position:relative}.screen__subtitle--tight{margin-bottom:10px}.btn{appearance:none;border:none;border-radius:999px;padding:14px 28px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s,color .18s}.btn:focus-visible,.option-card:focus-visible,.field__input:focus-visible{outline-offset:2px;outline:3px solid #38b6c773}.btn--primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;box-shadow:0 12px 28px #1e6f8e47}.btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 32px #1e6f8e57}.btn--primary:disabled{opacity:.7;cursor:not-allowed}.btn--block{width:100%}.btn--ghost{color:var(--ink-soft);background:0 0;padding:8px 0;font-weight:600}.btn--ghost:hover{color:var(--accent)}.back-btn,.progress{margin-bottom:8px}.progress__meta{color:var(--ink-soft);justify-content:space-between;gap:12px;margin-bottom:8px;font-size:.9rem;font-weight:600;display:flex}.progress__track{background:#1e6f8e1f;border-radius:999px;height:8px;overflow:hidden}.progress__fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;transition:width .32s cubic-bezier(.22,1,.36,1)}.options{grid-template-columns:1fr;gap:10px;margin-top:22px;display:grid}@media (width>=640px){.options{grid-template-columns:1fr 1fr}}.option-card{text-align:left;border-radius:var(--radius-sm);background:var(--surface-solid);width:100%;color:var(--ink);border:1.5px solid #1e6f8e24;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s;display:flex}.option-card:hover{border-color:var(--accent-line);transform:translateY(-1px);box-shadow:0 10px 24px #16343f0f}.option-card.is-selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 10px 24px #1e6f8e1f}.option-card__label{font-weight:600;line-height:1.35}.option-card__mark{border:2px solid #1e6f8e47;border-radius:50%;flex:none;width:18px;height:18px;transition:background .18s,border-color .18s}.option-card.is-selected .option-card__mark{border-color:var(--accent);background:radial-gradient(circle at center, var(--accent) 0 45%, transparent 46%), #fff}.recommendation{border-radius:var(--radius);background:linear-gradient(135deg,#1e6f8e14,#38b6c71f);border:1px solid #1e6f8e1f;margin:8px 0 22px;padding:18px 18px 16px}.recommendation__prefix{color:var(--ink-soft);margin:0 0 6px;font-size:.9rem;font-weight:600}.recommendation__title{color:var(--accent);margin:0 0 8px;font-size:1.25rem;font-weight:800}.recommendation__desc{color:var(--ink-soft);margin:0;line-height:1.5}.lead-prompt{margin:0 0 16px;font-weight:600}.lead-form{gap:14px;display:grid}.field{gap:6px;display:grid}.field__label{color:var(--ink-soft);font-size:.92rem;font-weight:600}.field__input{width:100%;color:var(--ink);background:#fff;border:1.5px solid #1e6f8e29;border-radius:14px;padding:13px 14px;transition:border-color .16s,box-shadow .16s}.field__input:hover{border-color:#1e6f8e4d}.field__input.is-invalid{border-color:var(--danger)}.field__input--area{resize:vertical;min-height:96px}.field__error{color:var(--danger);font-size:.85rem}.privacy{text-align:center;color:var(--ink-soft);margin:4px 0 0;font-size:.9rem}.form-error{color:var(--danger);text-align:center;margin:12px 0 0;font-weight:600}.screen--thanks{text-align:center;padding-top:48px;padding-bottom:48px}.thanks-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 18px;font-size:1.6rem;font-weight:700;animation:.48s cubic-bezier(.22,1,.36,1) pop;display:grid}@keyframes pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.screen-loading{text-align:center;color:var(--ink-soft);padding:40px}@media (width<=480px){.app-shell{padding:16px 12px 32px}.screen{border-radius:22px;padding:20px 16px 24px}.brand-line{flex-wrap:wrap;justify-content:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}