.onboarding{min-height:100vh;padding-bottom:60px}.onboarding-loading{justify-content:center;align-items:center;min-height:80vh;display:flex}.onboarding-top{max-width:1200px;margin:auto;padding:20px 16px}.back-btn{color:#6b7280;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.onboarding-container{gap:30px;max-width:1200px;margin:auto;padding:0 16px;display:grid}.onboarding-benefits{flex-direction:column;gap:12px;margin-top:20px;display:flex}.onboarding-benefits div{color:#111827;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.onboarding-benefits svg{color:#10b981}.upload-placeholder{color:#6b7280;flex-direction:column;align-items:center;gap:10px;font-size:14px;display:flex}.slug-status{align-items:center;gap:8px;display:flex}.slug-loader{border:2px solid #dbeafe;border-top-color:#006de2;border-radius:999px;width:12px;height:12px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.form-group input{border-radius:14px;height:52px;padding:0 16px;transition:all .2s}.form-group input:focus{border-color:#006de2;outline:none;box-shadow:0 0 0 4px #006de214}.submit-btn{height:45px;font-size:15px;transition:all .2s}.submit-btn:hover{transform:translateY(-1px)}.preview-card{box-shadow:0 20px 50px #0000000f}.preview-products{gap:10px}.preview-product{background:#f8fafc;border-radius:12px;padding:10px}.preview-product div{background:linear-gradient(135deg,#dbeafe,#eff6ff)}.preview-product span{color:#111827;margin-top:8px;font-size:13px;font-weight:700;display:block}.checkout-toast.info{border-left:5px solid #2563eb}.onboarding-form{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:25px}.onboarding-form h1{font-size:26px;font-weight:800}.onboarding-form p{color:#6b7280;margin-top:5px}.form-group{margin-top:20px}.form-group>label,.upload-box>label{font-size:14px;font-weight:600}.form-group input,.form-group textarea{border:1px solid #e5e7eb;border-radius:10px;width:100%;margin-top:6px;padding:10px}.phone-input-wrapper{border:1px solid #e5e7eb;border-radius:14px;align-items:center;margin-top:8px;transition:all .2s;display:flex;overflow:hidden}.phone-input-wrapper:focus-within{border-color:#006de2;box-shadow:0 0 0 4px #006de214}.phone-prefix{color:#111827;background:#f9fafb;border-right:1px solid #e5e7eb;align-items:center;height:48px;padding:0 16px;font-weight:600;display:flex}.phone-input-wrapper input{border:none!important;border-radius:0!important;margin-top:0!important}.phone-input-wrapper input:focus{outline:none}.phone-helper{color:#6b7280;margin-top:8px;font-size:13px;display:block}.whatsapp-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;margin-top:18px;display:flex}.whatsapp-checkbox input{accent-color:#006de2;width:18px;height:18px}.whatsapp-checkbox span{color:#000;font-size:14px;font-weight:500}.preview-contact{flex-direction:column;gap:10px;margin-top:14px;display:flex}.preview-contact span{color:#111827;font-size:15px;font-weight:600}.preview-whatsapp{color:#059669;background:#ecfdf5;border-radius:999px;width:fit-content;padding:8px 12px;font-size:13px;font-weight:600}.slug{color:#6b7280;font-size:12px}.slug-box{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.slug-status{font-size:13px;font-weight:600}.slug-status.available{color:#059669}.slug-status.taken{color:#dc2626}.upload-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.upload-area{cursor:pointer;background:#fafafa;border:2px dashed #ddd;border-radius:12px;justify-content:center;align-items:center;height:200px;margin-top:10px;display:flex;overflow:hidden}.upload-area:hover{background:#f0f6ff;border-color:#006de2}.upload-area img{object-fit:cover;width:100%;height:100%}.preview-cover{background:linear-gradient(135deg,#dbeafe,#f1f5f9) 50%/cover;height:120px}.preview-logo img{object-fit:cover;border-radius:14px;width:100%;height:100%}.checkout-toast{background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;min-width:320px;max-width:420px;margin-top:20px;padding:10px 18px;animation:.25s toastSlide;display:flex;box-shadow:0 12px 40px #0000001f}.checkout-toast.error{border-left:5px solid #ef4444}.checkout-toast.success{border-left:5px solid #10b981}.onboarding-toast.info{border-left:5px solid #2563eb}.toast-left{align-items:center;gap:14px;display:flex}.toast-icon{background:#fef2f2;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.toast-icon svg{color:#ef4444;font-size:20px}.toast-left p{color:#111827;margin:0;font-size:14px;font-weight:500;line-height:1.5}.toast-close{cursor:pointer;background:0 0;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.toast-close:hover{background:#f3f4f6}.toast-close svg{color:#6b7280;font-size:18px}@keyframes toastSlide{0%{opacity:0;transform:translateY(-16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#006de2,#4f8cff);border:none;border-radius:12px;width:100%;margin-top:20px;padding:12px;font-weight:600}.onboarding-preview{display:none}.preview-title{color:#6b7280;margin-bottom:10px;font-size:12px}.preview-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;overflow:hidden}.preview-content{padding:20px}.preview-logo{color:#fff;background:linear-gradient(135deg,#006de2,#4f8cff);border-radius:14px;justify-content:center;align-items:center;width:60px;height:60px;font-size:20px;font-weight:700;display:flex}.preview-products{grid-template-columns:repeat(2,1fr);gap:6px;margin-top:15px;display:grid}.preview-products div{aspect-ratio:1;background:#eee;border-radius:10px}.preview-footer{text-align:center;color:#6b7280;margin-top:10px;font-size:13px}@media (min-width:1024px){.onboarding-container{grid-template-columns:1fr 1.1fr}.onboarding-preview{display:block}}@media (max-width:768px){.onboarding-form{border-radius:22px;padding:22px}.onboarding-form h1{font-size:26px;line-height:1.1}.onboarding-form p{font-size:14px}.submit-btn{margin-top:24px}.checkout-toast{min-width:auto;max-width:none}}