.onboarding-layout{--bg-primary:#fff;--bg-secondary:#fdfdfd;--bg-tertiary:#f4f5f7;--bg-elevated:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--text-tertiary:#94a3b8;--border-primary:#e2e8f0;--border-secondary:#cbd5e1;--primary:220,85%,45%;--accent:#1e293b;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:var(--font-sans);flex-direction:column;align-items:center;display:flex}.onboarding-main{flex-direction:column;align-items:center;width:100%;max-width:600px;margin-top:4rem;padding:4rem 1.5rem;display:flex}.onboarding-card{background:#fff;border-radius:12px;width:100%;margin-top:2rem;padding:2.5rem 3rem;box-shadow:0 10px 40px #0000000a,0 1px 3px #0000000d}.onboarding-header{text-align:center;margin-bottom:2rem}.onboarding-icon{color:#fff;background:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;font-size:28px;display:flex;box-shadow:0 4px 14px #3b82f64d}.onboarding-title{font-size:1.75rem;font-family:var(--font-sans);color:#0f172a;margin-bottom:.5rem;font-weight:600}.onboarding-subtitle{color:#64748b;font-size:.95rem}.progress-container{justify-content:center;align-items:flex-start;width:100%;max-width:500px;margin:0 auto 2rem;display:flex;position:relative}.progress-line{z-index:0;background:#e2e8f0;height:2px;position:absolute;top:14px;left:10%;right:10%}.progress-line-active{z-index:1;background:#2563eb;height:2px;transition:width .3s;position:absolute;top:14px;left:10%}.progress-step{z-index:2;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.progress-circle{color:#64748b;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:.5rem;font-size:.75rem;font-weight:600;transition:all .3s;display:flex}.progress-circle.active{color:#fff;background:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.progress-circle.completed{color:#fff;background:#2563eb}.progress-label{color:#94a3b8;text-align:center;font-size:.75rem;font-weight:500}.progress-label.active{color:#0f172a;font-weight:600}.ob-label{color:#64748b;margin-bottom:.5rem;font-size:.8rem;display:block}.ob-label span{color:#ef4444}.ob-input{color:#1e293b;background:#f8fafc;border:1px solid #0000;border-radius:8px;outline:none;width:100%;padding:.875rem 1rem;font-size:.95rem;transition:all .2s}.ob-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ob-input::placeholder{color:#94a3b8}.ob-button{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:8px;width:100%;margin-top:1.5rem;padding:1rem;font-size:1rem;font-weight:500;transition:background .2s,transform .1s}.ob-button:hover{background:#0f172a}.ob-button:active{transform:translateY(1px)}.ob-checkbox-container{align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.ob-checkbox-container input[type=checkbox]{accent-color:#2563eb;width:1.1rem;height:1.1rem}.ob-checkbox-label{color:#1e293b;font-size:.875rem}.ob-checkbox-label span{color:#ef4444}.ob-checkbox-label a{color:#3b82f6;text-decoration:none}.input-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem;display:grid}.input-stacked{margin-bottom:1.25rem}.otp-input{text-align:center;letter-spacing:.75rem;font-variant-numeric:tabular-nums;background:#fff;border:1px solid #cbd5e1;padding:1rem;font-size:1.5rem}.dropzone{text-align:center;color:#64748b;cursor:pointer;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:8px;margin-top:.5rem;padding:2rem;font-size:.9rem;transition:all .2s}.dropzone:hover{background:#f1f5f9;border-color:#cbd5e1}.dropzone svg{color:#3b82f6;width:24px;height:24px;margin-bottom:.75rem}.feature-box{background:#eff6ff;border-radius:8px;gap:1rem;margin-top:1.5rem;padding:1rem 1.25rem;display:flex}.feature-box svg{color:#1e40af;flex-shrink:0;width:20px;height:20px;margin-top:2px}.feature-title{color:#1e40af;margin-bottom:.5rem;font-size:.9rem;font-weight:600}.feature-list{color:#3b82f6;padding-left:0;font-size:.8rem;list-style:none}.feature-list li{margin-bottom:.25rem;padding-left:1rem;position:relative}.feature-list li:before{content:"•";color:#3b82f6;position:absolute;left:0}