:root {--auth-primary:#1d71b8;--auth-primary-hover:#155a96;--auth-bg-1:#0f172a;--auth-bg-2:#1e293b;--auth-card:rgba(255, 255, 255, 0.95);--auth-card-border:rgba(255, 255, 255, .55);--text-main:#111827;--text-muted:#6b7280;--border:#e5e7eb;--input-bg:rgba(249, 250, 251, .85);--danger:#dc2626;--warn:#92400e;--shadow:0 25px 60px rgba(0, 0, 0, 0.25);--shadow-sm:0 1px 2px rgba(0, 0, 0, .05);--radius:20px;--ring:rgba(29, 113, 184, .18);}.auth-wrapper {font-family:'Tajawal', sans-serif !important;min-height:calc(100vh - 180px);display:flex;align-items:center;justify-content:center;padding:40px 18px;width:100%;position:relative;overflow:hidden;background:linear-gradient(135deg, #0f172a 0%, #1e3a5f 50%, #0f172a 100%);}.auth-wrapper::before {content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 20% 40%, rgba(29, 113, 184, 0.4), transparent),radial-gradient(ellipse 60% 40% at 80% 20%, rgba(16, 185, 129, 0.3), transparent),radial-gradient(ellipse 50% 60% at 60% 80%, rgba(139, 92, 246, 0.25), transparent),radial-gradient(ellipse 40% 30% at 10% 80%, rgba(249, 115, 22, 0.2), transparent);animation:meshMove 20s ease-in-out infinite alternate;z-index:0;}@keyframes meshMove {0% {transform:scale(1) translate(0, 0);}50% {transform:scale(1.05) translate(2%, -2%);}100% {transform:scale(1) translate(-2%, 2%);}}.auth-wrapper::after {content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.1) 0%, transparent 8%),radial-gradient(circle at 80% 70%, rgba(255, 255, 255, 0.08) 0%, transparent 10%),radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.05) 0%, transparent 15%),radial-gradient(circle at 70% 20%, rgba(255, 255, 255, 0.07) 0%, transparent 6%),radial-gradient(circle at 30% 80%, rgba(255, 255, 255, 0.06) 0%, transparent 12%);animation:floatOrbs 30s ease-in-out infinite;z-index:0;}@keyframes floatOrbs {0%,100% {transform:translate(0, 0) rotate(0deg);}25% {transform:translate(10px, -15px) rotate(2deg);}50% {transform:translate(-5px, 10px) rotate(-1deg);}75% {transform:translate(8px, 5px) rotate(1deg);}}.auth-shape-bg {position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:0.5;z-index:0;animation:patternShift 60s linear infinite;}@keyframes patternShift {0% {background-position:0 0;}100% {background-position:60px 60px;}}.auth-card {position:relative;z-index:1;width:100%;max-width:520px;background:var(--auth-card);border:1px solid var(--auth-card-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:38px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:slideUp .45s ease-out;}@keyframes slideUp {from {opacity:0;transform:translateY(18px);}to {opacity:1;transform:translateY(0);}}.auth-header {text-align:center;margin-bottom:26px;}.auth-logo {height:62px;margin-bottom:16px;object-fit:contain;}.auth-title {font-size:1.55rem;font-weight:800;color:var(--text-main);margin:0 0 8px;letter-spacing:-0.3px;}.auth-subtitle {margin:0 auto;max-width:380px;color:var(--text-muted);font-size:.95rem;line-height:1.7;}.auth-trust {margin-top:14px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;color:var(--text-muted);font-size:.85rem;}.auth-trust span {display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255, 255, 255, .62);border:1px solid rgba(229, 231, 235, .9);}.auth-tabs {display:flex;gap:8px;padding:6px;border-radius:14px;margin-bottom:18px;background:rgba(255, 255, 255, .55);border:1px solid rgba(229, 231, 235, .9);}.auth-tab {flex:1;border:none;background:transparent;padding:11px 10px;border-radius:12px;font-size:.95rem;font-weight:700;color:var(--text-muted);cursor:pointer;transition:transform .12s ease, box-shadow .12s ease, background .12s ease, color .12s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;}.auth-tab:hover {transform:translateY(-1px);}.auth-tab.active {background:rgba(255, 255, 255, .85);color:var(--auth-primary);box-shadow:var(--shadow-sm);border:1px solid rgba(229, 231, 235, .9);}.form-group {margin-bottom:18px;position:relative;}.form-label {display:block;margin-bottom:8px;font-weight:700;color:var(--text-main);font-size:.92rem;}.form-input {width:100%;padding:12px 16px;border:1px solid rgba(229, 231, 235, .95);border-radius:14px;font-size:1rem;color:var(--text-main);background:var(--input-bg);transition:box-shadow .15s ease, border-color .15s ease, background .15s ease;box-sizing:border-box;}.form-input::placeholder {color:#9ca3af;}.form-input:focus {outline:none;border-color:var(--auth-primary);background:rgba(255, 255, 255, .95);box-shadow:0 0 0 6px var(--ring);}.form-input.error {border-color:var(--danger);background:rgba(254, 242, 242, .9);}.error-msg {color:var(--danger);font-size:.86rem;margin-top:8px;display:flex;align-items:center;gap:6px;}.input-with-icon {position:relative;}.input-with-icon .form-input {padding-right:46px;}.input-icon {position:absolute;top:50%;transform:translateY(-50%);right:16px;left:auto;color:#9ca3af;pointer-events:none;}.password-toggle {position:absolute;top:50%;transform:translateY(-50%);left:12px;right:auto;background:rgba(17, 24, 39, .05);border:1px solid rgba(229, 231, 235, .9);border-radius:12px;color:#6b7280;cursor:pointer;padding:7px 10px;transition:background .12s ease, color .12s ease, transform .12s ease;}.password-toggle:hover {background:rgba(17, 24, 39, .08);color:var(--text-main);transform:translateY(-50%) scale(1.02);}.remember-row {display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 14px;font-size:.92rem;}.checkbox-wrap {display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-main);}.checkbox-wrap input {accent-color:var(--auth-primary);}.btn-submit {width:100%;padding:14px;border:none;border-radius:14px;font-size:1rem;font-weight:800;cursor:pointer;color:#fff;background:linear-gradient(180deg, var(--auth-primary) 0%, #165f9e 100%);box-shadow:0 10px 18px rgba(29, 113, 184, .18);transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;}.btn-submit:hover {filter:brightness(1.02);transform:translateY(-1px);box-shadow:0 14px 22px rgba(29, 113, 184, .22);}.btn-submit:active {transform:translateY(0);}.divider {display:flex;align-items:center;margin:22px 0;color:var(--text-muted);font-size:.92rem;}.divider::before,.divider::after {content:"";flex:1;height:1px;background:rgba(229, 231, 235, .95);}.divider span {padding:0 14px;}.social-buttons {display:grid;grid-template-columns:1fr 1fr;gap:12px;}.btn-social {display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 12px;border:1px solid rgba(229, 231, 235, .95);border-radius:14px;background:rgba(255, 255, 255, .72);color:var(--text-main);font-weight:800;cursor:pointer;transition:transform .12s ease, box-shadow .12s ease, background .12s ease;text-decoration:none;min-height:44px;}.btn-social:hover {transform:translateY(-1px);box-shadow:0 10px 18px rgba(17, 24, 39, .08);background:rgba(255, 255, 255, .85);}.btn-social.facebook {color:#1877f2;}@media (max-width:560px) {.pw-grid {grid-template-columns:1fr !important;}}.auth-footer {text-align:center;margin-top:18px;color:var(--text-muted);font-size:.95rem;}.auth-footer a {color:var(--auth-primary);text-decoration:none;font-weight:800;}.auth-footer a:hover {text-decoration:underline;}.alert-box {padding:12px 14px;border-radius:14px;background:rgba(254, 226, 226, .88);color:#b91c1c;border:1px solid rgba(254, 202, 202, .95);margin-bottom:16px;font-size:.92rem;display:flex;align-items:center;gap:10px;}.hidden {display:none !important;}.iti {width:100%;}.iti__flag-container {border-radius:14px;}.iti input {border-radius:14px !important;}@media (max-width:560px) {.auth-card {padding:26px;}.social-buttons {grid-template-columns:1fr;}}