:root{--bg: #18181b;--bg-2: #232327;--bg-3: #2a2a2e;--card: #1e1e22;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--text: #e8eaf2;--text-dim: #9aa3b8;--text-mute: #6b7490;--accent: #0F4C81;--accent-2: #5a9ed9;--accent-3: #a8d4ff;--accent-soft: rgba(15, 76, 129, .18);--success: #22c55e;--warning: #eab308;--danger: #ef4444}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;background:var(--bg);color:var(--text);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font:inherit;cursor:pointer;border:0;background:transparent;color:inherit}input,textarea{font:inherit;color:inherit}#root{display:flex;flex-direction:column}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));position:relative;overflow:hidden}.splash{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(15,76,129,.3),var(--bg) 70%);z-index:1000;animation:splashFade 1.5s .8s forwards}@keyframes splashFade{to{opacity:0;visibility:hidden}}.splash-logo{font-size:64px;margin-bottom:16px;animation:pulse 1.4s ease-in-out infinite}.splash-name{font-size:28px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--accent-2),var(--accent-3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.splash-tagline{font-size:14px;color:var(--text-dim);margin-top:4px}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.85}}.app-header{display:flex;align-items:center;justify-content:space-between;padding:8px 0 20px;flex-shrink:0}.brand-mini{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700}.brand-mini-logo{width:32px;height:32px;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px}.quota-pill{display:inline-flex;align-items:center;gap:6px;background:var(--accent-soft);border:1px solid rgba(90,158,217,.3);padding:6px 12px;border-radius:20px;font-size:12px;color:var(--accent-2);font-weight:600}.onboarding{flex:1;display:flex;flex-direction:column;position:relative}.onboarding-slide{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 12px;animation:slideIn .4s ease}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.onboard-illustration{font-size:96px;margin-bottom:32px;filter:drop-shadow(0 12px 28px rgba(15,76,129,.4))}.onboard-title{font-size:26px;font-weight:800;letter-spacing:-.02em;margin-bottom:16px;line-height:1.25}.onboard-text{font-size:16px;color:var(--text-dim);max-width:320px;line-height:1.55}.onboard-text strong{color:var(--text)}.dots{display:flex;gap:8px;justify-content:center;padding:24px 0 8px}.dot{width:8px;height:8px;border-radius:50%;background:var(--bg-3);transition:width .3s,background .3s}.dot.active{width:28px;background:var(--accent-2)}.welcome{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:20px 0}.welcome h1{font-size:30px;font-weight:800;letter-spacing:-.02em;margin-bottom:12px}.welcome h1 .accent{background:linear-gradient(135deg,var(--accent-2),var(--accent-3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome p{color:var(--text-dim);font-size:15px;max-width:320px;margin:0 auto 28px}.welcome-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:360px;margin:0 auto 32px}.stat{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px 8px}.stat-num{font-size:20px;font-weight:800;color:var(--accent-2);line-height:1;margin-bottom:4px}.stat-label{font-size:11px;color:var(--text-mute);text-transform:uppercase;letter-spacing:.05em}.method-list{display:flex;flex-direction:column;gap:12px;margin-top:8px}.method-card{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px;text-align:left;width:100%;transition:transform .15s,border-color .15s,background .15s}.method-card:active{transform:scale(.98)}.method-card:hover{border-color:var(--accent-2);background:var(--bg-2)}.method-icon{flex-shrink:0;width:48px;height:48px;background:var(--accent-soft);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px}.method-body{flex:1}.method-title{font-size:16px;font-weight:700;margin-bottom:4px}.method-desc{font-size:13px;color:var(--text-dim);line-height:1.45}.method-arrow{font-size:18px;color:var(--text-mute)}.screen-head{margin-bottom:24px;text-align:center}.screen-head h2{font-size:24px;font-weight:800;letter-spacing:-.02em;margin-bottom:8px}.screen-head p{font-size:14px;color:var(--text-dim);max-width:320px;margin:0 auto}.survey-form{display:flex;flex-direction:column;gap:16px;flex:1}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;color:var(--text-dim);font-weight:600}.field label .req{color:var(--accent-2)}.field input,.field textarea,.field select{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;padding:14px 16px;font-size:15px;color:var(--text);outline:none;transition:border-color .15s;width:100%;font-family:inherit}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent-2)}.field textarea{min-height:88px;resize:vertical}.field .hint{font-size:12px;color:var(--text-mute)}.preview-block{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;margin-bottom:12px}.preview-block h4{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin-bottom:12px}.preview-num{font-size:32px;font-weight:800;background:linear-gradient(135deg,var(--accent-2),var(--accent-3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:6px}.preview-desc{font-size:13px;color:var(--text-dim)}.tag-row{display:flex;flex-wrap:wrap;gap:6px}.tag{background:var(--bg-2);border:1px solid var(--border);padding:4px 10px;border-radius:20px;font-size:12px;color:var(--text-dim)}.lead-card{background:var(--bg-2);border-radius:12px;padding:12px 14px;margin-bottom:8px;border-left:3px solid var(--accent-2)}.lead-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-mute);margin-bottom:6px}.lead-text{font-size:13px;color:var(--text);line-height:1.45}.lead-blur{filter:blur(4px);user-select:none;pointer-events:none}.ready{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 0}.ready-icon{font-size:96px;margin-bottom:24px;animation:bounce .6s ease}@keyframes bounce{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.ready h2{font-size:28px;font-weight:800;margin-bottom:12px}.ready p{color:var(--text-dim);font-size:15px;max-width:320px;margin:0 auto 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;border-radius:14px;font-size:15px;font-weight:600;width:100%;transition:transform .15s,box-shadow .2s,background .15s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#1356a0}.btn-ghost{background:var(--bg-2);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-3)}.btn-link{background:transparent;color:var(--text-dim);font-size:13px;text-decoration:underline}.bottom-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px;flex-shrink:0}.center{text-align:center}.spacer-sm{height:12px}.spacer-md{height:20px}.spacer-lg{height:32px}