.auth-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f0f4f9;position:relative;overflow:hidden;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;direction:rtl;padding:16px;box-sizing:border-box}.glow-sphere{position:absolute;border-radius:50%;filter:blur(80px);z-index:0;opacity:.6;animation:madaFloat 8s ease-in-out infinite alternate}.sphere-1{width:280px;height:280px;background:linear-gradient(135deg,#0066ff,#00c6ff);top:-50px;right:-50px}.sphere-2{width:260px;height:260px;background:linear-gradient(135deg,#7928ca,#ff0080);bottom:-40px;left:-40px;animation-duration:10s}@keyframes madaFloat{0%{transform:translateY(0) scale(1)}100%{transform:translateY(30px) scale(1.1)}}.auth-wrapper .auth-card{position:relative;z-index:1;width:100%;max-width:400px;background:rgba(255,255,255,.86);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.7);border-radius:24px;padding:30px 24px;box-shadow:0 20px 40px rgba(0,102,255,.09);text-align:center;box-sizing:border-box}.brand-header{margin-bottom:22px}.brand-lockup{display:flex;align-items:center;justify-content:center;gap:12px;direction:ltr;margin-bottom:10px}.brand-name{font-weight:900;line-height:1;white-space:nowrap}.brand-name-en{font-size:30px;letter-spacing:3px;background:linear-gradient(135deg,#0047b3,#008cff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand-name-ar{font-size:23px;letter-spacing:2px;color:#18224a;direction:rtl}.brand-mark{width:62px;height:62px;border-radius:20px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#0066ff 0%,#4f46e5 48%,#c026ff 100%);box-shadow:0 12px 28px rgba(73,67,230,.28),inset 0 1px 1px rgba(255,255,255,.65);transform:rotate(0deg);overflow:hidden}.brand-mark:before{content:'';position:absolute;inset:2px;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.35)}.brand-mark:after{content:'';position:absolute;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.16);filter:blur(12px);top:4px;left:10px}.brand-mark span{position:relative;z-index:1;font-size:43px;font-weight:950;line-height:1;color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.18);font-family:Arial,sans-serif;transform:scaleX(.9)}.brand-slogan{color:#6b7280;font-size:13px;margin:0}.auth-wrapper .input-group{display:flex;flex-direction:column;gap:12px}.auth-wrapper .input-box{display:flex;align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;padding:4px 14px;transition:all .2s ease}.auth-wrapper .input-box:focus-within{border-color:#0066ff;box-shadow:0 0 0 4px rgba(0,102,255,.1)}.input-icon{font-size:16px;margin-left:10px;opacity:.6}.auth-wrapper .input-box input{border:none;outline:none;width:100%;padding:12px 0;font-size:14px;background:transparent;color:#111827}.forgot-wrapper{text-align:left;margin:8px 0 16px}.btn-text{background:none;border:none;color:#0066ff;font-size:12px;font-weight:600;cursor:pointer;padding:6px}.auth-actions{display:flex;flex-direction:column;gap:12px}.auth-wrapper .btn-primary,.auth-wrapper .btn-secondary{width:100%;box-sizing:border-box;border-radius:14px;cursor:pointer;font-weight:700}.auth-wrapper .btn-primary{background:linear-gradient(135deg,#0066ff,#0052cc);color:#fff;border:none;padding:14px;font-size:15px;display:flex;justify-content:center;align-items:center;gap:8px;box-shadow:0 8px 18px rgba(0,102,255,.25);transition:transform .15s}.auth-wrapper .btn-primary:active{transform:scale(.98)}.auth-wrapper .btn-secondary{background:#fff;color:#1f2937;border:1.5px solid #e5e7eb;padding:12px;font-size:14px;transition:background .2s}.auth-wrapper .btn-secondary:hover{background:#f9fafb}.divider{display:flex;align-items:center;color:#9ca3af;font-size:12px;margin:4px 0}.divider:before,.divider:after{content:'';flex:1;height:1px;background:#e5e7eb}.divider span{padding:0 10px}.auth-footer{margin-top:20px;font-size:11px;color:#9ca3af}.auth-message{min-height:18px;margin-top:10px;font-size:12px;color:#6b7280}.auth-wrapper .admin-link{display:none!important}@media(max-width:480px){.auth-wrapper .auth-card{padding:28px 18px}.brand-lockup{gap:8px}.brand-name-en{font-size:27px}.brand-name-ar{font-size:20px}.brand-mark{width:56px;height:56px;border-radius:18px}.brand-mark span{font-size:39px}}