:root{--auth-bg-dark:#0a0a0f;--auth-bg-card:#0f0f19d9;--auth-purple-300:#c4b5fd;--auth-purple-400:#a78bfa;--auth-purple-500:#8b5cf6;--auth-purple-600:#7c3aed;--auth-pink-500:#ec4899;--auth-cyan-400:#22d3ee;--auth-slate-300:#cbd5e1;--auth-slate-400:#94a3b8;--auth-slate-600:#475569;--auth-gradient-primary:linear-gradient(135deg,#7c3aed 0%,#ec4899 100%);--auth-gradient-card:linear-gradient(135deg,#8b5cf61a 0%,#ec48990d 100%);--auth-transition:cubic-bezier(.4,0,.2,1);--auth-shadow-glow:0 0 60px #8b5cf666;--auth-border-glow:#8b5cf64d}html[dir=rtl],html[lang=ar]{font-family:Cairo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}html[dir=rtl] *,html[lang=ar] *{font-family:inherit}.auth-page{background:var(--auth-bg-dark);justify-content:center;align-items:center;min-height:100vh;padding:3rem 1rem;display:flex;position:relative;overflow:hidden auto}.auth-bg-animated{background:radial-gradient(ellipse 100% 80% at 50% -30%,#8b5cf659 0%,transparent 60%),radial-gradient(ellipse 80% 60% at 85% 40%,#ec489940 0%,transparent 50%),radial-gradient(ellipse 70% 50% at 15% 70%,#22d3ee33 0%,transparent 50%),radial-gradient(ellipse 50% 40% at 60% 90%,#8b5cf626 0%,transparent 40%),var(--auth-bg-dark);z-index:0;animation:10s ease-in-out infinite authBgPulse;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes authBgPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}.auth-grid{opacity:.6;z-index:1;background-image:linear-gradient(#8b5cf60a 1px,#0000 1px),linear-gradient(90deg,#8b5cf60a 1px,#0000 1px);background-size:50px 50px;position:fixed;top:0;bottom:0;left:0;right:0}.auth-floating-shapes{pointer-events:none;z-index:2;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.auth-floating-shape{filter:blur(80px);opacity:.5;border-radius:50%;animation:25s ease-in-out infinite authShapeFloat;position:absolute}.auth-floating-shape:first-child{background:linear-gradient(135deg,var(--auth-purple-500),var(--auth-purple-600));width:400px;height:400px;animation-delay:0s;top:5%;left:5%}.auth-floating-shape:nth-child(2){background:linear-gradient(135deg,var(--auth-pink-500),#f472b6);width:500px;height:500px;animation-delay:-6s;top:55%;right:5%}.auth-floating-shape:nth-child(3){background:linear-gradient(135deg,var(--auth-cyan-400),#06b6d4);width:350px;height:350px;animation-delay:-12s;bottom:15%;left:25%}.auth-floating-shape:nth-child(4){background:linear-gradient(135deg,#a855f7,var(--auth-purple-500));width:280px;height:280px;animation-delay:-18s;top:35%;right:25%}@keyframes authShapeFloat{0%,to{transform:translate(0)rotate(0)scale(1)}25%{transform:translate(40px,-40px)rotate(5deg)scale(1.05)}50%{transform:translate(-30px,30px)rotate(-5deg)scale(.95)}75%{transform:translate(20px,20px)rotate(3deg)scale(1.02)}}.auth-container{z-index:10;width:100%;max-width:440px;margin:0 auto;position:relative}.auth-logo{text-align:center;margin-bottom:2rem}.auth-logo a{transition:transform .3s var(--auth-transition);flex-direction:column;align-items:center;text-decoration:none;display:inline-flex}.auth-logo a:hover{transform:scale(1.02)}.auth-logo-image{object-fit:contain;filter:drop-shadow(0 4px 20px #8b5cf64d);height:4rem;margin-bottom:1rem}.auth-logo-fallback{background:var(--auth-gradient-primary);border-radius:1rem;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;margin-bottom:1rem;display:flex;box-shadow:0 8px 32px #8b5cf666}.auth-logo-fallback span{color:#fff;font-size:1.75rem;font-weight:700}.auth-logo-title{color:#fff;text-shadow:0 2px 10px #0000004d;font-size:1.75rem;font-weight:700}.auth-logo-subtitle{color:var(--auth-slate-300);margin-top:.5rem;font-size:1rem}.auth-card{background:var(--auth-bg-card);-webkit-backdrop-filter:blur(20px);box-shadow:var(--auth-shadow-glow),0 25px 50px -12px #00000080,inset 0 1px 0 #ffffff1a;border:1px solid #ffffff1a;border-radius:1.25rem;padding:2.5rem;position:relative;overflow:hidden}.auth-card:before{content:"";background:var(--auth-gradient-primary);border-radius:1.25rem 1.25rem 0 0;height:3px;position:absolute;top:0;left:0;right:0}.auth-card:after{content:"";background:var(--auth-gradient-card);pointer-events:none;border-radius:1.25rem;position:absolute;top:0;bottom:0;left:0;right:0}.auth-alert{z-index:1;border-radius:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.875rem;line-height:1.5;position:relative}.auth-alert--success{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d}.auth-alert--error{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.auth-form{z-index:1;flex-direction:column;gap:1.5rem;display:flex;position:relative}.auth-field{flex-direction:column;display:flex}.auth-label{color:var(--auth-slate-300);align-items:center;gap:.5rem;margin-bottom:.625rem;font-size:.875rem;font-weight:500;display:flex}.auth-label svg{width:1.125rem;height:1.125rem;color:var(--auth-purple-400)}.auth-input{color:#fff;width:100%;transition:all .25s var(--auth-transition);background:#0a0a14b3;border:1px solid #ffffff1a;border-radius:.75rem;padding:1rem 1.25rem;font-size:1rem}.auth-input::placeholder{color:var(--auth-slate-400)}.auth-input:focus{border-color:var(--auth-purple-500);background:#0a0a14e6;outline:none;box-shadow:0 0 0 4px #8b5cf633,0 0 20px #8b5cf626}.auth-input--error{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.auth-error{color:#f87171;align-items:center;gap:.375rem;margin-top:.5rem;font-size:.8rem;display:flex}.auth-error svg{flex-shrink:0;width:.875rem;height:.875rem}.auth-checkbox-wrapper{align-items:flex-start;gap:.75rem;display:flex}.auth-checkbox{width:1.125rem;height:1.125rem;accent-color:var(--auth-purple-500);cursor:pointer;border-radius:.25rem;margin-top:.125rem}.auth-checkbox-label{color:var(--auth-slate-300);font-size:.875rem;line-height:1.5}.auth-checkbox-label a{color:var(--auth-purple-400);text-underline-offset:2px;text-decoration:underline}.auth-checkbox-label a:hover{color:var(--auth-purple-300)}.auth-btn{z-index:1;cursor:pointer;width:100%;transition:all .25s var(--auth-transition);border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.625rem;padding:1rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;display:flex;position:relative}.auth-btn--primary{background:var(--auth-gradient-primary);color:#fff;box-shadow:0 4px 20px #8b5cf666,0 8px 40px #ec489933}.auth-btn--primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #8b5cf680,0 12px 50px #ec48994d}.auth-btn--primary:active{transform:translateY(-1px)}.auth-btn--secondary{color:#fff;background:#47556966;border:1px solid #ffffff26}.auth-btn--secondary:hover{background:#47556999;border-color:#ffffff40}.auth-btn--google{color:#374151;background:#fff;box-shadow:0 4px 14px #00000026}.auth-btn--google:hover{background:#f9fafb;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.auth-btn svg{flex-shrink:0;width:1.25rem;height:1.25rem}.auth-divider{z-index:1;text-align:center;margin:1.75rem 0;position:relative}.auth-divider:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);height:1px;position:absolute;top:50%;left:0;right:0}.auth-divider span{background:var(--auth-bg-card);color:var(--auth-slate-400);padding:0 1.25rem;font-size:.875rem;display:inline-block;position:relative}.auth-link{z-index:1;text-align:center;color:var(--auth-slate-400);margin-top:1.75rem;font-size:.9rem;position:relative}.auth-link a{color:var(--auth-purple-400);margin-inline-start:.25rem;font-weight:500;text-decoration:none;transition:color .2s}.auth-link a:hover{color:var(--auth-purple-300);text-underline-offset:2px;text-decoration:underline}.auth-promo{z-index:1;background:var(--auth-gradient-card);border:1px solid var(--auth-border-glow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;margin-top:1.75rem;padding:1.25rem;position:relative}.auth-promo-content{align-items:center;gap:1rem;display:flex}.auth-promo-icon{background:var(--auth-gradient-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:flex;box-shadow:0 4px 20px #8b5cf666}.auth-promo-icon svg{color:#fff;width:1.75rem;height:1.75rem}.auth-promo-text h3{color:#fff;margin-bottom:.25rem;font-size:1rem;font-weight:600}.auth-promo-text p{color:var(--auth-slate-300);font-size:.875rem;line-height:1.4}.auth-promo-text .highlight{color:var(--auth-purple-300);margin-top:.25rem;font-size:.8rem}.auth-header-icon{background:linear-gradient(135deg,#8b5cf633 0%,#ec48991a 100%);border:1px solid #8b5cf64d;border-radius:50%;justify-content:center;align-items:center;width:5rem;height:5rem;margin:0 auto 1.5rem;display:flex}.auth-header-icon svg{width:2.5rem;height:2.5rem;color:var(--auth-purple-400)}.auth-password-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.625rem;display:flex}.auth-forgot-link{color:var(--auth-purple-400);font-size:.875rem;text-decoration:none;transition:color .2s}.auth-forgot-link:hover{color:var(--auth-purple-300);text-decoration:underline}.auth-title{z-index:1;text-align:center;color:#fff;margin-bottom:.5rem;font-size:1.5rem;font-weight:700;position:relative}.auth-description{z-index:1;text-align:center;color:var(--auth-slate-300);margin-bottom:2rem;font-size:.95rem;line-height:1.5;position:relative}@media (prefers-reduced-motion:reduce){.auth-bg-animated,.auth-floating-shape{animation:none}.auth-btn,.auth-input,.auth-logo a{transition:none}}html[dir=rtl] .auth-btn svg:not(.no-flip){transform:scaleX(-1)}html[dir=rtl] .auth-checkbox-wrapper{flex-direction:row-reverse;justify-content:flex-end}html[dir=rtl] .auth-checkbox{margin-inline-start:0;margin-inline-end:0}html[dir=rtl] .auth-checkbox-label{text-align:right}html[dir=rtl] .auth-password-row,html[dir=rtl] .auth-password-row .auth-label{flex-direction:row-reverse}html[dir=rtl] .auth-forgot-link{margin-inline-start:auto;margin-inline-end:0}html[dir=rtl] .auth-promo-content{flex-direction:row-reverse}html[dir=rtl] .auth-promo-icon{order:2}html[dir=rtl] .auth-promo-text{text-align:right;order:1}html[dir=rtl] .auth-error,html[dir=rtl] .auth-label{flex-direction:row-reverse;justify-content:flex-end}html[dir=rtl] .auth-input,html[dir=rtl] .auth-alert,html[dir=rtl] .auth-alert ul{text-align:right}@media (max-width:480px){.auth-page{padding:1rem .75rem}.auth-card{border-radius:1rem;padding:1.75rem 1.25rem}.auth-logo-title{font-size:1.5rem}.auth-floating-shape{opacity:.3}}