:root{--brand:#032f58;--brand-rgb:3, 47, 88;--brand-bright:#2d6da7;--ink:#f6fbff;--muted:#e9f3fc94;--surface:#020a12b8}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#01050a;margin:0;font-family:Cairo,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:280px}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.login-scene{isolation:isolate;background:radial-gradient(circle at 50% -12%, rgba(var(--brand-rgb), .86) 0%, rgba(var(--brand-rgb), .34) 24%, rgba(var(--brand-rgb), .08) 48%, transparent 67%), linear-gradient(180deg, #04182b 0%, #020c16 44%, #01050a 100%);place-items:center;width:100%;min-height:100svh;padding:42px 14px;display:grid;position:relative;overflow:hidden}.login-scene:before{content:"";z-index:-5;background:linear-gradient(115deg, transparent 18%, #ffffff04 48%, transparent 72%), radial-gradient(circle at 20% 36%, rgba(var(--brand-rgb), .12), transparent 28%), radial-gradient(circle at 82% 72%, rgba(var(--brand-rgb), .1), transparent 30%);position:absolute;inset:0}.ambient{pointer-events:none;z-index:-4;filter:blur(80px);background:rgba(var(--brand-rgb), .31);border-radius:50%;animation:7.5s ease-in-out infinite alternate ambient-breathe;position:absolute;left:50%;transform:translate(-50%)}.ambient-top{width:min(980px,96vw);height:420px;top:-245px}.ambient-bottom{opacity:.72;width:min(760px,88vw);height:430px;animation-delay:-3.6s;bottom:-330px}.ambient-orb{z-index:-4;filter:blur(95px);background:rgba(var(--brand-rgb), .2);pointer-events:none;border-radius:50%;width:280px;height:280px;animation:10s ease-in-out infinite alternate orb-drift;position:absolute}.orb-one{top:22%;left:12%}.orb-two{animation-delay:-5s;bottom:14%;right:10%}.noise{z-index:-3;pointer-events:none;opacity:.035;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}.language-switch,.public-auth-chip{z-index:20;-webkit-backdrop-filter:blur(12px);color:#ffffffb8;letter-spacing:.05em;background:#020a127a;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;min-width:40px;height:34px;padding:0 11px;font-size:12px;font-weight:700;display:inline-flex;position:fixed;top:18px}[dir=rtl] .language-switch,[dir=ltr] .public-auth-chip{left:18px}[dir=ltr] .language-switch,[dir=rtl] .public-auth-chip{right:18px}.language-switch{text-decoration:none;transition:border-color .25s,background .25s,color .25s,transform .25s}.language-switch:hover{background:rgba(var(--brand-rgb), .34);color:#fff;border-color:#2d6da78c;transform:translateY(-1px)}.public-auth-chip{color:#fff6;pointer-events:none}.stage{perspective:1500px;z-index:2;width:min(394px,100vw - 28px);animation:.78s cubic-bezier(.2,.85,.25,1) both card-enter}.tilt-shell{--rx:0deg;--ry:0deg;--lift:0px;width:100%;transform-style:preserve-3d;transform:translateY(var(--lift)) rotateX(var(--rx)) rotateY(var(--ry));will-change:transform;transition:transform .24s cubic-bezier(.2,.75,.2,1);position:relative}.card-glow{z-index:-2;background:rgba(var(--brand-rgb), .23);filter:blur(30px);opacity:.48;border-radius:34px;animation:4.8s ease-in-out infinite alternate glow-pulse;position:absolute;inset:-22px}.beam-stage{z-index:3;pointer-events:none;border-radius:22px;position:absolute;inset:-1px;overflow:hidden}.beam{opacity:0;filter:drop-shadow(0 0 5px #2d6da7f2) drop-shadow(0 0 10px rgba(var(--brand-rgb),.78));display:block;position:absolute}.beam:after{content:"";background:inherit;filter:blur(3px);opacity:.8;position:absolute;inset:0}.beam-top,.beam-bottom{background:linear-gradient(90deg,#0000 0%,#2d6da747 17%,#2d6da7f2 40%,#f5fbff 50%,#2d6da7f2 60%,#2d6da747 83%,#0000 100%);width:44%;height:2px}.beam-right,.beam-left{background:linear-gradient(#0000 0%,#2d6da747 17%,#2d6da7f2 40%,#f5fbff 50%,#2d6da7f2 60%,#2d6da747 83%,#0000 100%);width:2px;height:44%}.beam-top{animation:7.2s ease-in-out infinite beam-top;top:0;left:-48%}.beam-right{animation:7.2s ease-in-out 1.8s infinite beam-right;top:-48%;right:0}.beam-bottom{animation:7.2s ease-in-out 3.6s infinite beam-bottom;bottom:0;right:-48%}.beam-left{animation:7.2s ease-in-out 5.4s infinite beam-left;bottom:-48%;left:0}.corner{width:7px;height:7px;box-shadow:0 0 8px #2d6da7b8, 0 0 18px rgba(var(--brand-rgb),.55);opacity:.32;background:#f2f9ffbd;border-radius:50%;animation:2.4s ease-in-out infinite alternate corner-pulse;position:absolute}.corner-tl{top:-2px;left:-2px}.corner-tr{animation-delay:-.6s;top:-2px;right:-2px}.corner-br{animation-delay:-1.2s;bottom:-2px;right:-2px}.corner-bl{animation-delay:-1.8s;bottom:-2px;left:-2px}.login-card{isolation:isolate;-webkit-backdrop-filter:blur(24px)saturate(125%);box-shadow:0 26px 80px #00000085, inset 0 1px 0 #ffffff0b, inset 0 -1px 0 rgba(var(--brand-rgb),.16);background:linear-gradient(145deg,#05121fd1,#01070dc2);border:1px solid #689ecf26;border-radius:21px;padding:30px 28px 26px;position:relative;overflow:hidden;transform:translateZ(0)}.card-pattern{z-index:-2;opacity:.05;background-image:linear-gradient(135deg,#fffc .5px,#0000 .5px),linear-gradient(45deg,#ffffff8c .5px,#0000 .5px);background-size:31px 31px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}.inner-light{z-index:-1;filter:blur(44px);background:#2d6da738;border-radius:50%;width:270px;height:180px;position:absolute;top:-140px;left:50%;transform:translate(-50%)}.login-header{text-align:center;margin-bottom:24px}.brand{filter:drop-shadow(0 6px 18px #0000003d);border-radius:10px;justify-content:center;align-items:center;width:176px;height:44px;margin:0 auto 18px;text-decoration:none;display:flex}.brand img{-o-object-fit:contain;object-fit:contain;width:100%;height:auto;max-height:44px;display:block}.login-header h1{letter-spacing:-.02em;color:#fff;text-shadow:0 0 24px #74a9d81f;margin:0;font-size:clamp(23px,5.8vw,27px);font-weight:700;line-height:1.25}.login-header p{color:var(--muted);margin:7px 0 0;font-size:12.5px;font-weight:400;line-height:1.6}.login-form{gap:17px;display:grid}.fields{gap:12px;display:grid}.field-shell{background:#ffffff09;border:1px solid #5f8fba24;border-radius:11px;align-items:center;min-height:48px;transition:transform .22s,border-color .24s,background .24s,box-shadow .24s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff05}.field-shell:hover{background:#ffffff0b;border-color:#5f8fba40}.field-shell:focus-within{background:rgba(var(--brand-rgb),.14);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.2), 0 0 24px rgba(var(--brand-rgb),.16);border-color:#2d6da7b8;transform:scale(1.012)}.field-icon{color:#dcecf966;pointer-events:none;width:18px;height:18px;transition:color .22s,filter .22s;position:absolute;inset-inline-start:14px}.field-icon svg,.eye,.check-box svg,.arrow{width:100%;height:100%;display:block}.field-shell:focus-within .field-icon{color:#d9ecff;filter:drop-shadow(0 0 7px #2d6da7bf)}.field-shell input:not([type=checkbox]){padding:0 46px;color:#f7fbff;caret-color:#8ebbe2;text-align:start;direction:ltr;background:0 0;border:0;outline:0;width:100%;min-width:0;height:48px;padding-inline-end:44px;font-size:13.5px;font-weight:500}[dir=rtl] .field-shell input:not([type=checkbox]){text-align:right}.field-shell input::-moz-placeholder{color:#e0edf857;opacity:1}.field-shell input::placeholder{color:#e0edf857;opacity:1}.password-toggle{color:#e0edf861;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:34px;height:34px;padding:8px;transition:color .22s,background .22s;display:grid;position:absolute;inset-inline-end:8px}.password-toggle:hover,.password-toggle:focus-visible{color:#e9f5ff;background:rgba(var(--brand-rgb),.22);outline:none}.eye-closed,.password-toggle.is-visible .eye-open{display:none}.password-toggle.is-visible .eye-closed{display:block}.form-options{justify-content:space-between;align-items:center;gap:12px;margin-top:-2px;display:flex}.remember-control{color:#e6f1fa94;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:8px;font-size:11.5px;display:inline-flex}.remember-control input{opacity:0;pointer-events:none;position:absolute}.check-box{color:#fff;background:#ffffff09;border:1px solid #7aa3c747;border-radius:5px;flex:0 0 16px;place-items:center;width:16px;height:16px;transition:background .2s,border-color .2s,box-shadow .2s;display:grid}.check-box svg{opacity:0;width:11px;height:11px;transition:opacity .18s,transform .18s;transform:scale(.6)}.remember-control input:checked+.check-box{background:var(--brand-bright);box-shadow:0 0 12px rgba(var(--brand-rgb),.65);border-color:#87b9e4bf}.remember-control input:checked+.check-box svg{opacity:1;transform:scale(1)}.remember-control input:focus-visible+.check-box{outline-offset:2px;outline:2px solid #91c3eebf}.text-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#e5f1fb94;cursor:default;background:0 0;border:0;padding:0;font-size:11.5px;text-decoration:none}.muted-action,.signup-link{opacity:.82}.login-message{color:#ffd9d9;text-align:center;background:#741c1c2b;border:1px solid #da646440;border-radius:9px;margin-top:-5px;padding:9px 11px;font-size:11.5px;line-height:1.6}.login-message[data-type=success]{background:rgba(var(--brand-rgb),.18);color:#e6f4ff;border-color:#5f8fba47}.sign-in-button{isolation:isolate;background:linear-gradient(135deg, #063966 0%, var(--brand) 58%, #052744 100%);color:#fff;width:100%;min-height:47px;box-shadow:0 10px 28px rgba(var(--brand-rgb),.32), inset 0 1px 0 #ffffff1a;cursor:pointer;border:1px solid #73a6d261;border-radius:11px;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s,filter .22s;position:relative;overflow:hidden}.sign-in-button:hover:not(:disabled){box-shadow:0 13px 34px rgba(var(--brand-rgb),.48), 0 0 24px #2d6da72e, inset 0 1px 0 #ffffff21;filter:brightness(1.08);border-color:#96c5ed9e;transform:translateY(-1px)scale(1.012)}.sign-in-button:active:not(:disabled){transform:scale(.985)}.sign-in-button:focus-visible{outline-offset:3px;outline:2px solid #a7d0f3d9}.sign-in-button:disabled{cursor:wait}.button-glow{z-index:-2;filter:blur(16px);background:#5592c93d;border-radius:999px;position:absolute;inset:7px 12%}.button-sweep{z-index:-1;background:linear-gradient(90deg,#0000,#ffffff36,#0000);width:34%;animation:3.8s ease-in-out infinite button-sweep;position:absolute;top:-40%;bottom:-40%;left:-45%;transform:skew(-22deg)}.button-content,.loading-content{justify-content:center;align-items:center;gap:8px;min-height:45px;font-size:13px;font-weight:700;display:flex}.arrow{width:16px;height:16px;transition:transform .2s}.sign-in-button:hover .arrow{transform:translate(3px)}[dir=rtl] .sign-in-button:hover .arrow{transform:translate(-3px)}.spinner{border:2px solid #ffffff5c;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.75s linear infinite spin}.divider{color:#e2eff952;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:-1px 0;font-size:10.5px;font-weight:500;display:grid}.divider span{background:linear-gradient(90deg,#0000,#81a4c229);height:1px}[dir=rtl] .divider span,.divider span:last-child{transform:scaleX(-1)}[dir=rtl] .divider span:last-child{transform:none}.divider b{font-weight:500}.google-button{color:#eff7fdb8;cursor:default;background:#ffffff09;border:1px solid #769aba29;border-radius:11px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:45px;font-size:11.5px;font-weight:600;display:flex;box-shadow:inset 0 1px #ffffff05}.google-mark{color:#ffffffd1;border:1px solid #ffffff3d;border-radius:50%;justify-content:center;align-items:center;width:19px;height:19px;font-family:Arial,sans-serif;font-size:10px;font-weight:700;display:inline-flex}.signup-copy{color:#e6f1fa7a;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:0;font-size:11px;display:flex}.signup-link{color:#e7f4ffd1;font-weight:700}@keyframes card-enter{0%{opacity:0;transform:translateY(20px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ambient-breathe{0%{opacity:.55;transform:translate(-50%)scale(.95)}to{opacity:.9;transform:translate(-50%)scale(1.08)}}@keyframes orb-drift{0%{opacity:.4;transform:translate(-8px,-6px)scale(.94)}to{opacity:.75;transform:translate(12px,10px)scale(1.08)}}@keyframes glow-pulse{0%{opacity:.32;transform:scale(.98)}to{opacity:.6;transform:scale(1.025)}}@keyframes corner-pulse{0%{opacity:.18;transform:scale(.75)}to{opacity:.46;transform:scale(1.08)}}@keyframes beam-top{0%{opacity:0;transform:translate(0)}3%{opacity:.86}22%{opacity:.86}25%{opacity:0;transform:translate(338%)}to{opacity:0;transform:translate(338%)}}@keyframes beam-right{0%{opacity:0;transform:translateY(0)}3%{opacity:.86}22%{opacity:.86}25%{opacity:0;transform:translateY(338%)}to{opacity:0;transform:translateY(338%)}}@keyframes beam-bottom{0%{opacity:0;transform:translate(0)}3%{opacity:.86}22%{opacity:.86}25%{opacity:0;transform:translate(-338%)}to{opacity:0;transform:translate(-338%)}}@keyframes beam-left{0%{opacity:0;transform:translateY(0)}3%{opacity:.86}22%{opacity:.86}25%{opacity:0;transform:translateY(-338%)}to{opacity:0;transform:translateY(-338%)}}@keyframes button-sweep{0%,56%{opacity:0;transform:translate(0)skew(-22deg)}62%{opacity:.72}82%{opacity:.72}88%,to{opacity:0;transform:translate(440%)skew(-22deg)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=719px){.login-scene{align-items:center;padding-top:58px;padding-bottom:28px}.tilt-shell{transition:none;transform:none!important}.login-card{border-radius:19px;padding:27px 20px 23px}.beam-stage{border-radius:20px}.brand{width:160px;margin-bottom:16px}.login-header{margin-bottom:21px}.form-options{gap:8px}}@media (width<=359px){.login-card{padding-inline:16px}.brand{width:148px}.form-options{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.stage,.ambient,.ambient-orb,.card-glow,.beam,.corner,.button-sweep,.spinner{animation:none!important}.beam{display:none}.tilt-shell{transition:none!important;transform:none!important}.stage{opacity:1;transform:none}}.button-content[hidden],.loading-content[hidden],[hidden]{display:none!important}