body{min-height:100vh;font-family:var(--font-arabic);color:var(--color-white);padding:var(--space-md);background:radial-gradient(circle at 100% 0,#1a1a2e,#0a0a0f);justify-content:center;align-items:center;display:flex;overflow-x:hidden}.onboarding-container{width:100%;max-width:600px;margin:0 auto}.progress-container{margin-bottom:var(--space-xl);position:relative}.progress-bar{background:var(--color-primary);border-radius:var(--radius-full);width:25%;height:4px;transition:width var(--transition-slow);box-shadow:0 0 10px var(--color-primary)}.steps-indicator{justify-content:space-between;margin-top:-8px;display:flex}.step-dot{background:var(--color-gray-700);width:12px;height:12px;transition:var(--transition-base);border-radius:50%}.step-dot.active{background:var(--color-primary);box-shadow:0 0 10px var(--color-primary);transform:scale(1.2)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-xl);color:var(--color-gray-900)}.form-step{animation:fadeIn var(--transition-base);display:none}.form-step.active{display:block}.step-title{font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin-bottom:var(--space-xs);color:var(--color-primary-dark)}.step-desc{font-size:var(--fs-base);color:var(--color-gray-600);margin-bottom:var(--space-xl)}.input-group{margin-bottom:var(--space-lg)}.input-group label{font-weight:var(--fw-semibold);margin-bottom:var(--space-xs);font-size:var(--fs-sm);display:block}input[type=text],input[type=tel],input[type=url],select,textarea{width:100%;padding:var(--space-md);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-family:inherit;font-size:var(--fs-base);transition:var(--transition-base);background:#ffffff80}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);background:var(--color-white);outline:none;box-shadow:0 0 0 4px #6c63ff1a}.color-selection{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}input[type=color]{cursor:pointer;height:50px}.color-input-wrapper{gap:var(--space-xs);align-items:center;display:flex}.color-input-wrapper input[type=color]{border:2px solid var(--color-gray-200);border-radius:var(--radius-md);width:60px;height:45px;padding:0}.color-input-wrapper input[type=text]{text-transform:uppercase;font-family:monospace;font-size:var(--fs-sm);flex:1}.file-upload-wrapper{border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);width:100%;height:120px;transition:var(--transition-base);background:#ffffff4d;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.file-upload-wrapper:hover{border-color:var(--color-primary);background:#6c63ff0d}.file-input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute}.file-upload-design{align-items:center;gap:var(--space-xs);color:var(--color-gray-500);text-align:center;padding:var(--space-md);flex-direction:column;display:flex}.file-preview{margin-top:var(--space-sm);justify-content:center;display:flex}.file-preview img{border-radius:var(--radius-md);max-height:80px;box-shadow:var(--shadow-sm)}.page-selector{gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.page-chip{border:1px solid var(--color-gray-200);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);cursor:pointer;font-size:var(--fs-sm);transition:var(--transition-base);background:#fff6;align-items:center;gap:8px;display:flex}.page-chip:hover{border-color:var(--color-primary);background:#6c63ff1a}.page-chip input{display:none}.page-chip:has(input:checked){background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);box-shadow:0 4px 12px #6c63ff4d}.custom-page-input input{background:0 0;border-style:dashed}.form-navigation{margin-top:var(--space-2xl);justify-content:space-between;gap:var(--space-md);display:flex}.btn{padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-weight:var(--fw-bold);cursor:pointer;transition:var(--transition-base);border:none;font-family:inherit}.btn-primary{background:var(--color-primary);color:var(--color-white);flex:1}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #6c63ff4d}.btn-secondary{background:var(--color-gray-200);color:var(--color-gray-700)}.summary-box{padding:var(--space-lg);border-radius:var(--radius-lg);margin-top:var(--space-lg);background:#6c63ff0d;border:1px solid #6c63ff1a}.summary-box h3{margin-bottom:var(--space-sm);color:var(--color-primary)}.summary-item{padding:var(--space-xs) 0;border-bottom:1px solid #0000000d;justify-content:space-between;display:flex}.summary-item span:first-child{color:var(--color-gray-500)}.toast{bottom:var(--space-xl);background:var(--color-gray-900);color:var(--color-white);padding:var(--space-md) var(--space-2xl);border-radius:var(--radius-full);transition:transform var(--transition-slow);z-index:var(--z-toast);position:fixed;left:50%;transform:translate(-50%)translateY(100px)}.toast.show{transform:translate(-50%)translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.glass-card{padding:var(--space-xl)}}