:root{--bg-start:#f8f9fa;--bg-mid:#f1f3f4;--bg-end:#fff;--glass-bg:#fffffff2;--glass-border:#dadce0d9;--glass-shadow:#3c40431f;--glass-blur:16px;--card-bg:#fffffffc;--card-border:#dadce0b3;--text-primary:#202124;--text-secondary:#3c4043;--text-muted:#80868b;--g-blue:#1a73e8;--g-red:#ea4335;--g-yellow:#fbbc04;--g-green:#34a853;--accent:#1a73e8;--accent-glow:#1a73e829;--accent-2:#ea4335;--success:#34a853;--warning:#fbbc04;--star-empty:#e8eaed;--star-filled:#fbbc04;--star-glow:#fbbc048c;--input-bg:#fff;--input-border:#dadce0;--input-focus:#1a73e824;--btn-primary:linear-gradient(135deg, #1a73e8 0%, #1557b0 100%);--btn-shadow:#1a73e84d;--font-display:"Roboto", sans-serif;--font-body:"Roboto", sans-serif;--font-arabic:"Cairo", sans-serif;--radius-card:16px;--radius-input:8px;--radius-btn:24px;--transition-bounce:cubic-bezier(.34, 1.56, .64, 1);--transition-smooth:cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-start:#08080a;--bg-mid:#0b0b0e;--bg-end:#060608;--glass-bg:#0c0c10f7;--glass-border:#37394166;--glass-shadow:#000000bf;--glass-blur:24px;--card-bg:#0e0f14fc;--card-border:#3739414d;--text-primary:#e8eaed;--text-secondary:#bdc1c6;--text-muted:#80868b;--g-blue:#8ab4f8;--g-red:#f28b82;--g-yellow:#fdd663;--g-green:#81c995;--accent:#8ab4f8;--accent-glow:#8ab4f838;--accent-2:#f28b82;--success:#81c995;--warning:#fdd663;--star-empty:#5f63688c;--star-filled:#fdd663;--star-glow:#fdd6638c;--input-bg:#121319e6;--input-border:#37394199;--input-focus:#8ab4f82e;--btn-primary:linear-gradient(135deg, #8ab4f8 0%, #5f90d8 100%);--btn-shadow:#8ab4f847}.login-page{font-family:var(--font-body);color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;transition:background .5s,color .3s;display:flex;position:relative;overflow:hidden}[dir=rtl] .login-page{font-family:var(--font-arabic)}.login-bg-mesh{z-index:0;background:linear-gradient(135deg, var(--bg-start) 0%, var(--bg-mid) 50%, var(--bg-end) 100%);transition:background .5s;position:fixed;inset:0}.login-bg-mesh:after{content:"";background-image:linear-gradient(#1a73e808 1px,#0000 1px),linear-gradient(90deg,#1a73e808 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}[data-theme=dark] .login-bg-mesh:after{background-image:linear-gradient(#8ab4f80a 1px,#0000 1px),linear-gradient(90deg,#8ab4f80a 1px,#0000 1px)}.login-bg-orb{filter:blur(60px);opacity:.5;z-index:0;border-radius:50%;animation:8s ease-in-out infinite loginFloat;position:fixed}.login-bg-orb-1{background:radial-gradient(circle,#1a73e814 0%,#0000 70%);width:400px;height:400px;animation-delay:0s;top:-120px;left:-100px}.login-bg-orb-2{background:radial-gradient(circle,#34a8530f 0%,#0000 70%);width:320px;height:320px;animation-delay:-3s;bottom:-80px;right:-80px}.login-bg-orb-3{background:radial-gradient(circle,#fbbc0412 0%,#0000 70%);width:220px;height:220px;animation-delay:-5s;top:45%;left:65%}[data-theme=dark] .login-bg-orb{opacity:.4}@keyframes loginFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(15px,-20px)scale(1.05)}66%{transform:translate(-10px,12px)scale(.97)}}.login-toolbar{z-index:100;padding:12px 20px;padding-top:max(12px, env(safe-area-inset-top));background:var(--glass-bg);border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.login-toolbar:before{content:"";background:linear-gradient(90deg,#ea4335 0%,#fbbc04 33%,#34a853 66%,#1a73e8 100%);height:4px;position:absolute;top:0;left:0;right:0}.login-toolbar-logo{font-family:var(--font-display);color:var(--text-primary);opacity:.8;align-items:center;gap:10px;font-size:17px;display:flex}.login-toolbar-actions{gap:8px;display:flex}.login-card-wrapper{z-index:1;width:100%;max-width:420px;padding:80px 20px 30px;position:relative}.login-card-wrapper:before{content:"";border-radius:calc(var(--radius-card,16px) + 20px);opacity:0;pointer-events:none;z-index:-1;filter:blur(18px);background:radial-gradient(#1a73e817 0%,#1a73e808 50%,#0000 70%);animation:4s ease-in-out infinite loginCardGlow;position:absolute;inset:-20px}@keyframes loginCardGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}[data-theme=dark] .login-card-wrapper:before{background:radial-gradient(#8ab4f81f 0%,#8ab4f80a 50%,#0000 70%)}[data-theme=dark] .login-card-wrapper:after{filter:brightness(1.3)saturate(1.2);box-shadow:0 0 22px #1a73e859,0 0 40px #ea43351f}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes loginBorderSpin{to{--border-angle:360deg}}.login-card{background:var(--card-bg,#fffffffc);border-radius:var(--radius-card,16px);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:100%;box-shadow:0 8px 32px var(--glass-shadow), 0 2px 8px #0000000f, inset 0 1px 0 #ffffff0d;z-index:1;transform-style:preserve-3d;will-change:transform;background-clip:padding-box;border:2.5px solid #0000;padding:40px 32px 36px;position:relative;overflow:hidden}.login-card:before{content:"";border-radius:var(--radius-card,16px);background:linear-gradient(var(--border-angle,0deg), #1a73e8, #ea4335, #fbbc04, #34a853, #1a73e8);-webkit-mask-composite:xor;pointer-events:none;z-index:2;padding:2.5px;animation:5s linear infinite loginBorderSpin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.login-card:after{content:"";opacity:.5;pointer-events:none;z-index:3;background:linear-gradient(90deg,#0000,#ffffff80,#0000);height:2px;position:absolute;top:0;left:0;right:0}.login-brand-icon{background:linear-gradient(160deg,#1a73e8 0%,#1557b0 100%);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;animation:.6s cubic-bezier(.34,1.56,.64,1) .1s both loginIconPop;display:flex;box-shadow:0 6px 20px #1a73e852}@keyframes loginIconPop{0%{opacity:0;transform:scale(.6)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.login-brand-icon svg{color:#fff;width:32px;height:32px}.login-title{font-family:var(--font-display);text-align:center;color:var(--text-primary);margin-bottom:6px;font-size:24px;font-weight:600}[dir=rtl] .login-title{font-family:var(--font-arabic);font-weight:700}.login-subtitle{color:var(--text-muted);text-align:center;margin-bottom:28px;font-size:14px;line-height:1.5}.login-form-group{width:100%;margin-bottom:16px}.login-form-label{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px;font-size:12.5px;font-weight:600;display:block}.login-form-input{background:var(--input-bg,#fff);border:1.5px solid var(--input-border,#dadce0);border-radius:var(--radius-input,8px);width:100%;color:var(--text-primary);appearance:none;box-sizing:border-box;outline:none;padding:13px 16px;font-family:inherit;font-size:15px;transition:all .25s cubic-bezier(.4,0,.2,1)}.login-form-input::placeholder{color:var(--text-muted)}.login-form-input:focus{border-color:var(--accent,#1a73e8);box-shadow:0 0 0 4px var(--input-focus,#1a73e824)}.login-password-wrapper .login-form-input{padding-right:48px}[dir=rtl] .login-password-wrapper .login-form-input{padding-left:16px;padding-right:48px}.login-form-input.error{border-color:var(--g-red,#ea4335);box-shadow:0 0 0 3px #ea43351f}.login-password-wrapper{width:100%;position:relative}.login-password-toggle{cursor:pointer;color:var(--text-muted);z-index:5;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.login-password-toggle:hover{color:var(--accent);transform:translateY(-50%)scale(1.1)}.login-password-toggle svg{width:18px;height:18px}.login-error{background:#ea433514;border:1px solid #ea433533;border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;animation:.4s loginShake;display:flex}.login-error-icon{flex-shrink:0;font-size:18px}.login-error-text{color:var(--g-red,#ea4335);font-size:13px;font-weight:500;line-height:1.4}@keyframes loginShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.login-submit-btn{border-radius:var(--radius-btn,24px);background:var(--btn-primary,linear-gradient(135deg, #1a73e8 0%, #1557b0 100%));color:#fff;cursor:pointer;width:100%;box-shadow:0 4px 14px var(--btn-shadow,#1a73e84d);border:none;padding:14px 24px;font-family:inherit;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.login-submit-btn:hover{box-shadow:0 6px 20px var(--btn-shadow,#1a73e866);filter:brightness(110%);transform:translateY(-2px)}.login-submit-btn:active{transform:translateY(0)}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-submit-btn:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:60%;height:100%;animation:2.4s ease-in-out infinite loginShimmer;position:absolute;top:0;left:-100%}@keyframes loginShimmer{0%{opacity:0;left:-80%}20%{opacity:1}80%{opacity:1}to{opacity:0;left:140%}}.login-spinner{vertical-align:middle;border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;margin-right:8px;animation:.7s linear infinite loginSpin;display:inline-block}[dir=rtl] .login-spinner{margin-left:8px;margin-right:0}@keyframes loginSpin{to{transform:rotate(360deg)}}.login-pill-btn{border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:50px;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:12.5px;font-weight:500;transition:all .25s;display:inline-flex}.login-pill-btn:hover{color:var(--accent);border-color:var(--accent-glow);transform:translateY(-1px)}.login-pill-btn svg{flex-shrink:0;width:15px;height:15px}@media (max-width:380px){.login-card{padding:28px 20px 24px}}@media (min-width:600px){.login-card-wrapper{padding-top:90px}.login-card{padding:44px 40px 40px}}