تسجيل

إنشاء حساب جديد

انضم إلى مجتمع Wave Store اليوم

أدخل كلمة مرور قوية

لديك حساب بالفعل؟

تسجيل الدخول
color: rgba(255, 255, 255, 0.8); font-size: 1rem; } .form-group { margin-bottom: 1.5rem; } .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; } .form-label { display: block; margin-bottom: 0.5rem; font-weight: 500; color: rgba(255, 255, 255, 0.9); } .form-input { width: 100%; padding: 1rem; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 12px; background: rgba(255, 255, 255, 0.1); color: white; font-size: 1rem; transition: var(--transition-smooth); } .form-input:focus { outline: none; border-color: #fbbf24; background: rgba(255, 255, 255, 0.15); box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.2); } .form-input::placeholder { color: rgba(255, 255, 255, 0.6); } .form-input.error { border-color: #ef4444; background: rgba(239, 68, 68, 0.1); } .form-input.success { border-color: #22c55e; background: rgba(34, 197, 94, 0.1); } .form-error { color: #fca5a5; font-size: 0.875rem; margin-top: 0.5rem; display: none; } .form-success { color: #86efac; font-size: 0.875rem; margin-top: 0.5rem; display: none; } .btn-auth { width: 100%; padding: 1rem; border: none; border-radius: 12px; background: linear-gradient(135deg, #fbbf24, #f59e0b); color: white; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: var(--transition-smooth); margin-bottom: 1rem; } .btn-auth:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(251, 191, 36, 0.4); } .btn-auth:disabled { opacity: 0.6; cursor: not-allowed; transform: none; } .auth-switch { text-align: center; margin-top: 2rem; padding-top: 2rem; border-top: 1px solid rgba(255, 255, 255, 0.2); } .auth-switch a { color: #fbbf24; text-decoration: none; font-weight: 500; transition: var(--transition-smooth); } .auth-switch a:hover { color: #f59e0b; } .alert { padding: 1rem; border-radius: 8px; margin-bottom: 1rem; font-weight: 500; } .alert-error { background: rgba(239, 68, 68, 0.2); border: 1px solid rgba(239, 68, 68, 0.3); color: #fca5a5; } .alert-success { background: rgba(34, 197, 94, 0.2); border: 1px solid rgba(34, 197, 94, 0.3); color: #86efac; } .password-toggle { position: relative; } .password-toggle-btn { position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); background: none; border: none; color: rgba(255, 255, 255, 0.6); cursor: pointer; font-size: 1.1rem; transition: var(--transition-smooth); } .password-toggle-btn:hover { color: rgba(255, 255, 255, 0.9); } .password-strength { margin-top: 0.5rem; height: 3px; background: rgba(255, 255, 255, 0.2); border-radius: 2px; overflow: hidden; } .password-strength-bar { height: 100%; width: 0%; transition: var(--transition-smooth); border-radius: 2px; } .password-strength-weak { background: #ef4444; width: 33%; } .password-strength-medium { background: #f59e0b; width: 66%; } .password-strength-strong { background: #22c55e; width: 100%; } .loading { display: inline-block; width: 20px; height: 20px; border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 50%; border-top-color: white; animation: spin 1s ease-in-out infinite; } @keyframes spin { to { transform: rotate(360deg); } } @media (max-width: 768px) { .auth-card { padding: 2rem; margin: 1rem; } .auth-title { font-size: 1.5rem; } .form-row { grid-template-columns: 1fr; } }

إنشاء حساب جديد

انضم إلى Wave Store واستمتع بتجربة تسوق مميزة

لديك حساب بالفعل؟ تسجيل الدخول