@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;600;800&display=swap";:root{--bg: #f5f6fa;--surface: #ffffff;--surface-hover: #f8f9ff;--border: #e2e4ed;--text: #1a1a2e;--text-soft: #6b6f85;--accent: #4f46e5;--accent-hover: #4338ca;--accent-light: rgba(79, 70, 229, .08);--accent2: #e11d48;--green: #059669;--green-light: rgba(5, 150, 105, .08);--blue: #2563eb;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--radius-sm: 8px;--radius: 12px;--radius-lg: 20px;--h-surface: var(--surface);--h-border: var(--border);--h-text: var(--text);--h-text-soft: var(--text-soft);--h-accent: var(--accent);--h-accent2: var(--accent2);--h-green: var(--green);--h-blue: var(--blue);--h-accent-light: var(--accent-light);--glass-border: var(--border);--glass-bg: var(--surface);--glass-shadow: var(--shadow-sm);--bg-gradient: var(--bg)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,.brand-font{font-family:Outfit,sans-serif;letter-spacing:-.02em}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius);font-family:Inter,sans-serif;font-weight:600;font-size:.85rem;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);transition:all .15s ease}.btn:hover{background:var(--surface-hover);border-color:#d0d2dc}.btn-primary{background:var(--accent);color:#fff;border:none;box-shadow:0 2px 8px #4f46e540}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 14px #4f46e54d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-ghost{background:transparent;border:none;color:var(--text-soft);padding:8px}.btn-ghost:hover{background:var(--accent-light);color:var(--accent)}.input{width:100%;padding:12px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);font-family:Inter,sans-serif;font-size:1rem;color:var(--text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.input::placeholder{color:var(--text-soft)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .35s ease forwards}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.pulse{animation:pulse 1.5s ease-in-out infinite}