@import "https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,wght@0,400..900;1,400..900&family=Inter:wght@300;400;500;600&display=swap";:root{--primary-color:#1a1a1a;--secondary-color:#f5f5f7;--accent-color:#8e8e93;--bg-color:#fff;--text-color:#1a1a1a;--error-color:#ff3b30;--font-serif:"Bodoni Moda", serif;--font-sans:"Inter", sans-serif;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:48px;--border-radius:4px;--transition-fast:.2s ease;--transition-normal:.3s ease;font-family:var(--font-sans);color:var(--text-color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.6}body{background-color:var(--secondary-color);justify-content:center;align-items:center;min-height:100vh;margin:0;display:flex}#root{width:100%;max-width:500px;padding:var(--spacing-lg);margin:auto}h1,h2,h3{font-family:var(--font-serif);color:var(--primary-color);margin-top:0;font-weight:500}p{color:#48484a;font-size:.95rem}button{background-color:var(--primary-color);color:#fff;padding:var(--spacing-md) var(--spacing-xl);font-family:var(--font-sans);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:var(--transition-fast);width:100%;margin-top:var(--spacing-lg);border:none;font-size:.9rem;font-weight:500}button:hover{opacity:.9;transform:translateY(-1px)}button:disabled{background-color:var(--accent-color);cursor:not-allowed;transform:none}button.secondary{color:var(--primary-color);border:1px solid var(--primary-color);background-color:#0000}input[type=number],input[type=text]{width:100%;padding:var(--spacing-md);border-radius:var(--border-radius);font-family:var(--font-sans);box-sizing:border-box;transition:var(--transition-fast);border:1px solid #d1d1d6;font-size:1rem}input:focus{border-color:var(--primary-color);outline:none}.onboarding-card{padding:var(--spacing-xl);border-radius:var(--border-radius);background:#fff;animation:.5s ease-out fadeIn;box-shadow:0 10px 30px #0000000d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-indicator{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-color);margin-bottom:var(--spacing-sm);font-size:.75rem;display:block}