:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#root{width:100%}.onboarding-container{color:#f8fafc;background-color:#0f172a;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden}.background-glow{filter:blur(100px);opacity:.15;z-index:0;pointer-events:none;border-radius:50%;width:400px;height:400px;position:absolute}.top-left{background:#3b82f6;top:-100px;left:-100px}.bottom-right{background:#a855f7;bottom:-100px;right:-100px}.onboarding-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:1;background:#1e293bb3;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:450px;padding:40px;box-shadow:0 25px 50px -12px #00000080}.onboarding-header{text-align:center;margin-bottom:32px}.title{background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:2.5rem;font-weight:800}.subtitle{color:#94a3b8;font-size:1.1rem}.onboarding-form{flex-direction:column;gap:24px;display:flex}.section-label{color:#cbd5e1;margin-bottom:12px;font-size:.9rem;font-weight:600;display:block}.photo-upload-area{aspect-ratio:4/3;cursor:pointer;background:#0f172a80;border:2px dashed #ffffff1a;border-radius:16px;justify-content:center;align-items:center;width:100%;transition:all .3s;display:flex;position:relative;overflow:hidden}.photo-upload-area:hover{background:#0f172ab3;border-color:#60a5fa}.photo-upload-area.has-photo{border-style:solid;border-color:#fff3}.upload-placeholder{color:#64748b;flex-direction:column;align-items:center;gap:12px;display:flex}.upload-icon{color:#60a5fa}.photo-preview{object-fit:cover;width:100%;height:100%}.change-photo-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:.9rem;display:flex;position:absolute;bottom:0;left:0;right:0}.stats-section{grid-template-columns:1fr 1fr;gap:16px;display:grid}.input-group{flex-direction:column;gap:8px;display:flex}.input-label{color:#cbd5e1;align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}input[type=number]{color:#f8fafc;background:#0f172a80;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:12px 16px;font-size:1rem;transition:all .3s}input[type=number]:focus{border-color:#60a5fa;outline:none;box-shadow:0 0 0 2px #60a5fa33}.submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:16px;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 10px 15px -3px #3b82f666}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@media (width<=480px){.onboarding-card{border-radius:16px;padding:24px}.title{font-size:2rem}}#root{width:100%;margin:0 auto}body{background-color:#0f172a;place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}*{box-sizing:border-box}