.onboarding-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;position:relative;z-index:1}.onboarding-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.onboarding-orb-1{position:absolute;top:10%;left:10%;width:300px;height:300px;background:radial-gradient(circle,rgba(47,128,237,.1) 0%,transparent 70%);border-radius:50%;animation:float 15s infinite ease-in-out}.onboarding-orb-2{position:absolute;bottom:10%;right:10%;width:400px;height:400px;background:radial-gradient(circle,rgba(77,238,234,.08) 0%,transparent 70%);border-radius:50%;animation:float 20s infinite ease-in-out 2s}.onboarding-card{width:100%;max-width:550px;border-radius:1.5rem;animation:slideUp .6s ease-out;position:relative;z-index:10}.onboarding-card .card-body{padding:clamp(1.25rem,5vw,3rem)}.progress-indicator{display:flex;gap:.5rem;margin-bottom:2rem;justify-content:center}.progress-dot{width:8px;height:8px;border-radius:50%;background:#2f80ed33;transition:all .3s ease}.progress-dot.active{background:linear-gradient(135deg,#2f80ed,#4deeea);width:24px;border-radius:4px}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:1rem;margin-bottom:2rem}.category-button{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem;background:#0b254599;border:1px solid rgba(47,128,237,.15);border-radius:1rem;color:#ffffffb3;cursor:pointer;transition:all .3s ease;text-align:center;font-size:.875rem;min-height:132px;overflow-wrap:anywhere;touch-action:manipulation;position:relative}.category-button:hover{border-color:#2f80ed4d;background:#0b2545cc}.category-button.selected{background:#2f80ed33;border-color:#2f80ed80;color:#fff}.category-icon{font-size:2rem}.category-check{display:none;width:18px;height:18px;background:#2f80ed4d;border-radius:50%;align-items:center;justify-content:center;position:absolute;top:.5rem;right:.5rem}.category-check.active{display:flex;background:#2f80ed}.step-content{display:none}.step-content.active{display:block;animation:slideUp .5s ease-out}.step-title{font-family:Outfit,sans-serif;font-weight:700;font-size:1.75rem;text-align:center;margin-bottom:1rem;color:#fff}.step-subtitle{text-align:center;color:#fff9;font-size:.95rem;margin-bottom:1.5rem;line-height:1.6}.darbro-quote{text-align:center;margin-bottom:1.5rem;color:#ffffff80;font-style:italic;font-size:.9rem}.action-buttons{display:flex;gap:1rem;margin-top:2rem}.action-buttons.centered{justify-content:center}.action-buttons .btn{flex:1;min-height:46px}.stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle 3s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}textarea{resize:none;min-height:120px}.btn-group{display:flex;gap:.75rem;flex-wrap:wrap}.btn-group button{flex:1;min-width:100px}@media (max-width: 640px){.onboarding-container{padding:.75rem;align-items:flex-start}.onboarding-card{border-radius:1rem;animation:none}.onboarding-bg{display:none}.step-title{font-size:1.45rem;line-height:1.2}.step-subtitle{font-size:.9rem;margin-bottom:1rem}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1.25rem}.category-button{padding:.85rem;font-size:.78rem;min-height:108px}.category-icon{font-size:1.5rem}.action-buttons{flex-direction:row;gap:.75rem;margin-top:1.25rem}.action-buttons .btn{min-width:0;width:auto}}@media (prefers-reduced-motion: reduce){.onboarding-card,.step-content.active,.star,.onboarding-orb-1,.onboarding-orb-2{animation:none!important}}