.onboarding-container{background:radial-gradient(circle,#1e1b4b 0%,#090a10 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.onboarding-card{border-radius:var(--radius-lg);width:100%;max-width:600px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070a14eb;border:1px solid #ffffff14;padding:40px;animation:.7s ease-out cardEntrance;position:relative;overflow:hidden}.back-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;top:24px;left:24px}.back-btn:hover{background:var(--border-color);color:var(--text-primary)}.step-indicator{text-transform:uppercase;letter-spacing:1px;color:var(--accent-color);text-align:right;margin-bottom:20px;font-size:12px;font-weight:700}.onboarding-step{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.step-fade{animation:.3s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.icon-wrapper{background:#eab3081a;border:1px solid #eab30833;border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;padding:16px;display:flex}.progress-bar{background:linear-gradient(90deg,#ffffff08,#ffffff05);border-radius:999px;width:100%;height:8px;margin-bottom:18px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent-color), var(--accent-2));width:0%;height:100%;transition:width .36s cubic-bezier(.4,0,.2,1)}.brand-logo{animation:4s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.onboarding-step h2{font-family:var(--font-heading);letter-spacing:.02em;margin-bottom:12px;font-size:28px;font-weight:800}.subtitle{color:var(--text-secondary);max-width:440px;margin-bottom:32px;font-size:15px}.input-group{text-align:left;flex-direction:column;gap:8px;width:100%;display:flex}.input-group label{color:var(--text-secondary);font-size:13px;font-weight:600}.input-group input{background:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:16px;font-family:var(--font-sans);transition:all var(--transition-fast);outline:none;padding:14px 20px}.input-group input:focus{border-color:var(--accent-color);box-shadow:0 0 10px var(--accent-glow)}.option-cards{flex-direction:column;gap:16px;width:100%;display:flex}.option-card{background:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:all var(--transition-normal);flex-direction:column;gap:6px;padding:20px;display:flex}.option-card:hover{border-color:var(--border-hover);transform:scale(1.02)}.option-card.selected{border-color:var(--accent-color);box-shadow:0 0 15px var(--accent-glow);background:#6366f114}.option-card h3{font-family:var(--font-heading);font-size:18px;font-weight:700}.option-card p{color:var(--text-secondary);font-size:13px;line-height:140%}.info-block{border-radius:var(--radius-md);text-align:left;color:var(--text-primary);background:#eab3080d;border:1px solid #eab30826;gap:16px;padding:20px;font-size:14px;line-height:150%;display:flex}.state-selector-wrapper{width:100%}.state-select{background:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;outline:none;padding:14px 20px;font-size:16px}.goal-cards{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;display:grid}.goal-card{background:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:150px;padding:24px 16px;display:flex}.goal-card:hover{transform:scale(1.02)}.goal-card.selected{border-color:var(--accent-color);box-shadow:0 0 15px var(--accent-glow);background:#6366f114}.goal-time{color:var(--text-primary);font-size:32px;font-weight:800;line-height:1}.goal-unit{color:var(--text-secondary);margin-bottom:8px;font-size:12px;font-weight:600}.goal-difficulty{background:var(--border-color);color:var(--text-secondary);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.goal-card.selected .goal-difficulty{background:var(--accent-color);color:#fff}.onboarding-footer{justify-content:flex-end;width:100%;margin-top:32px;display:flex}.next-btn{letter-spacing:.01em;justify-content:center;align-items:center;gap:10px;width:100%;height:50px;font-weight:700;display:inline-flex}@keyframes cardEntrance{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}