:root{--brand:#032f58;--brand-rgb:3,47,88;--brand-bright:#2d6da7;--ink:#f6fbff;--muted:#e9f3fc94}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#01050a;margin:0;font-family:Cairo,system-ui,sans-serif}button,input{font:inherit}.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}.ambient{pointer-events:none;z-index:-4;filter:blur(80px);background:rgba(var(--brand-rgb),.31);border-radius:50%;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;bottom:-330px}.noise{z-index:-3;pointer-events:none;opacity:.028;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)'/%3E%3C/svg%3E");position:absolute;inset:0}.public-auth-chip{top:18px;z-index:20;color:#fff6;background:#020a127a;border:1px solid #ffffff1a;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;position:fixed;inset-inline-end:18px}.stage{perspective:1900px;z-index:2;width:min(430px,100vw - 28px)}.tilt-shell{--rx:0deg;--ry:0deg;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .34s cubic-bezier(.2,.72,.2,1);position:relative}.card-glow{z-index:-2;background:rgba(var(--brand-rgb),.23);filter:blur(30px);opacity:.48;border-radius:34px;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);display:block;position:absolute}.beam-top,.beam-bottom{background:linear-gradient(90deg,#0000,#2d6da7f2,#fff,#2d6da7f2,#0000);width:44%;height:2px}.beam-right,.beam-left{background:linear-gradient(#0000,#2d6da7f2,#fff,#2d6da7f2,#0000);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}.login-card{backdrop-filter:blur(24px);background:linear-gradient(145deg,#05121fdb,#01070dcc);border:1px solid #689ecf26;border-radius:21px;padding:28px;position:relative;overflow:hidden;box-shadow:0 26px 80px #00000085}.login-header{text-align:center;margin-bottom:22px}.brand{background-position:50%;background-repeat:no-repeat;background-size:contain;width:190px;height:58px;margin:0 auto 14px;display:block}.brand img{-o-object-fit:contain;object-fit:contain;opacity:1;width:100%;height:100%}.login-header h1{margin:0;font-size:27px;line-height:1.3}.login-header p{color:var(--muted);margin:7px 0 0;font-size:12.5px;line-height:1.6}.signup-form{gap:12px;display:grid}.name-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field-shell{background:#ffffff09;border:1px solid #5f8fba29;border-radius:11px;align-items:center;min-height:48px;transition:all .22s;display:flex;position:relative}.field-shell:focus-within{background:rgba(var(--brand-rgb),.14);box-shadow:0 0 0 3px rgba(var(--brand-rgb),.18);border-color:#2d6da7b8;transform:scale(1.008)}.field-shell input{color:#f7fbff;direction:ltr;background:0 0;border:0;outline:0;width:100%;height:48px;padding:0 14px;font-size:13px}[dir=rtl] .field-shell input{text-align:right}.field-shell input::-moz-placeholder{color:#e0edf861}.field-shell input::placeholder{color:#e0edf861}.password-field input{padding-inline-end:48px}.password-toggle{color:#e0edf880;cursor:pointer;background:0 0;border:0;border-radius:9px;width:34px;height:34px;position:absolute;inset-inline-end:8px}.eye-closed,.password-toggle.is-visible .eye-open{display:none}.password-toggle.is-visible .eye-closed{display:inline}.remember-control{color:#e6f1fa94;cursor:pointer;align-items:center;gap:8px;font-size:11.5px;display:inline-flex}.remember-control input{opacity:0;position:absolute}.check-box{color:#0000;border:1px solid #7aa3c747;border-radius:5px;place-items:center;width:16px;height:16px;font-size:11px;display:grid}.remember-control input:checked+.check-box{color:#fff;background:var(--brand-bright)}.login-message{color:#ffd9d9;text-align:center;background:#741c1c2b;border:1px solid #da646440;border-radius:9px;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{background:linear-gradient(135deg,#063966 0%,var(--brand) 58%,#052744 100%);color:#fff;cursor:pointer;border:1px solid #73a6d261;border-radius:11px;width:100%;min-height:48px;font-weight:700;position:relative;overflow:hidden}.sign-in-button:disabled{cursor:wait;opacity:.78}.button-glow{z-index:-2;filter:blur(16px);background:#5592c93d;border-radius:999px;position:absolute;inset:7px 12%}.button-sweep{z-index:0;background:linear-gradient(90deg,#0000,#ffffff2e,#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{z-index:1;justify-content:center;align-items:center;gap:8px;min-height:46px;display:flex;position:relative}.spinner{border:2px solid #ffffff5c;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.75s linear infinite spin}.text-link{color:#e7f4ffdb;font-weight:700;text-decoration:none}.signin-copy{color:#e6f1fa7a;flex-wrap:wrap;justify-content:center;gap:6px;margin:2px 0 0;font-size:11px;display:flex}@keyframes beam-top{0%{opacity:0;transform:translate(0)}3%,22%{opacity:.86}25%,to{opacity:0;transform:translate(338%)}}@keyframes beam-right{0%{opacity:0;transform:translateY(0)}3%,22%{opacity:.86}25%,to{opacity:0;transform:translateY(338%)}}@keyframes beam-bottom{0%{opacity:0;transform:translate(0)}3%,22%{opacity:.86}25%,to{opacity:0;transform:translate(-338%)}}@keyframes beam-left{0%{opacity:0;transform:translateY(0)}3%,22%{opacity:.86}25%,to{opacity:0;transform:translateY(-338%)}}@keyframes button-sweep{0%,56%{opacity:0;transform:translate(0)skew(-22deg)}62%,82%{opacity:.72}88%,to{opacity:0;transform:translate(440%)skew(-22deg)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=520px){.login-scene{align-items:start;padding:58px 14px 28px}.stage{width:min(100%,430px)}.login-card{padding:24px 18px}.name-grid{grid-template-columns:1fr}.tilt-shell{transform:none!important}}@media (prefers-reduced-motion:reduce){.beam,.button-sweep,.spinner{animation:none!important}.tilt-shell{transform:none!important}}.button-content[hidden],.loading-content[hidden],[hidden]{display:none!important}