:root{--ink:#0a0f1f;--blue:#2e5bff;--blue-d:#1e47e6;--soft:#6e8bff;--muted:#64698a;--faint:#9da3be;--line:#e2e6f2;--bg-card:#ffffffd1;--ring:#2e5bff2e;--danger:#e5484d;--display:var(--font-space-grotesk), "Space Grotesk", system-ui, sans-serif;--body:var(--font-hanken), "Hanken Grotesk", system-ui, sans-serif}.login-scene *{box-sizing:border-box;margin:0;padding:0}.login-scene{font-family:var(--body);color:var(--ink);-webkit-font-smoothing:antialiased}.login-scene button,.login-scene input{color:inherit;font-family:inherit}.login-scene a{color:inherit;text-decoration:none}.scene{z-index:0;background:radial-gradient(70% 60% at 20% 90%,#163ec873 0%,#0000 60%),radial-gradient(55% 50% at 85% 10%,#3c6eff4d 0%,#0000 55%),radial-gradient(60% 50%,#6e8bff14 0%,#0000 60%),linear-gradient(155deg,#060d20 0%,#0b1530 35%,#0e1a38 60%,#091228 100%);position:fixed;inset:0}.scene:before{content:"";background:repeating-radial-gradient(circle at 50% 55%,#0000 0 78px,#2e5bff0b 80px,#0000 82px);position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 55% at 50% 55%,#000 30%,#0000 85%);mask-image:radial-gradient(60% 55% at 50% 55%,#000 30%,#0000 85%)}.scene:after{content:"";background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70%,#000 20%,#0000 80%);mask-image:radial-gradient(80% 70%,#000 20%,#0000 80%)}.orb{pointer-events:none;filter:blur(80px);border-radius:50%;position:absolute}.orb-1{background:#2e5bff40;width:420px;height:420px;animation:18s ease-in-out infinite drift1;top:12%;left:-5%}.orb-2{background:#11b7e62e;width:280px;height:280px;animation:22s ease-in-out infinite drift2;bottom:8%;right:-3%}.orb-3{background:#6e8bff1f;width:200px;height:200px;animation:15s ease-in-out infinite drift3;top:60%;left:55%}@keyframes drift1{0%,to{transform:translate(0)}50%{transform:translate(40px,-30px)}}@keyframes drift2{0%,to{transform:translate(0)}50%{transform:translate(-35px,25px)}}@keyframes drift3{0%,to{transform:translate(0)}50%{transform:translate(-20px,-40px)}}.page{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;display:flex;position:relative}.top-bar{z-index:10;justify-content:space-between;align-items:center;padding:20px 32px;display:flex;position:fixed;top:0;left:0;right:0}.top-logo{align-items:center;gap:10px;display:flex}.top-logo svg{width:28px;height:28px}.top-logo span{font-family:var(--display);color:#fff;letter-spacing:-.04em;font-size:20px;font-weight:700}.top-back{font-family:var(--display);color:#ffffff8c;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:13.5px;font-weight:500;transition:all .15s;display:inline-flex}.top-back:hover{color:#fff;background:#ffffff14;border-color:#ffffff2e}.top-back svg{width:14px;height:14px}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(40px)saturate(180%);border:1px solid #ffffff8c;border-radius:28px;width:100%;max-width:440px;padding:40px 36px 36px;position:relative;overflow:hidden;box-shadow:0 40px 80px -20px #050a1e80,0 0 0 1px #ffffff14,inset 0 1px #ffffff73}.card:before{content:"";pointer-events:none;background:linear-gradient(#ffffff73 0%,#0000 100%);height:120px;position:absolute;top:0;left:0;right:0}.card-logo{z-index:1;justify-content:center;align-items:center;gap:11px;margin-bottom:28px;display:flex;position:relative}.card-mark{background:linear-gradient(135deg,#1652cc,#2e6bff);border-radius:14px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 8px 20px -4px #1652cc80}.card-mark svg{width:22px;height:22px}.card-wm{font-family:var(--display);letter-spacing:-.04em;color:var(--ink);font-size:24px;font-weight:700}.card-h{text-align:center;z-index:1;margin-bottom:28px;position:relative}.card-h h1{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);font-size:1.6rem;font-weight:600;line-height:1.2}.card-h p{color:var(--muted);margin-top:6px;font-size:15px}.card-h p a,.card-h p button.linklike{color:var(--blue);cursor:pointer;font-weight:600;font-size:inherit;background:0 0;border:none}.card-h p a:hover,.card-h p button.linklike:hover{text-decoration:underline}.sso{z-index:1;gap:10px;margin-bottom:22px;display:flex;position:relative}.sso-btn{cursor:pointer;height:48px;font-family:var(--display);color:var(--ink);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffa6;border:1px solid #00000012;border-radius:13px;flex:1;justify-content:center;align-items:center;gap:9px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.sso-btn:hover{background:#fff;border-color:#0000001a;transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.sso-btn svg{flex:none;width:18px;height:18px}.sso-btn:disabled{opacity:.6;cursor:not-allowed}.sep{z-index:1;align-items:center;gap:12px;margin:4px 0 22px;display:flex;position:relative}.sep:before,.sep:after{content:"";background:#00000014;flex:1;height:1px}.sep span{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-size:12px;font-weight:600}.auth-form{z-index:1;flex-direction:column;gap:16px;display:flex;position:relative}.field{flex-direction:column;gap:7px;display:flex}.field label{font-family:var(--display);color:var(--ink);font-size:13px;font-weight:600}.field .top{justify-content:space-between;align-items:center;display:flex}.field .top a{color:var(--blue);white-space:nowrap;font-size:12.5px;font-weight:600}.field .top a:hover{text-decoration:underline}.iw{background:#ffffffb3;border:1.5px solid #00000017;border-radius:13px;align-items:center;height:50px;transition:all .18s;display:flex;position:relative}.iw:hover{border-color:#00000024}.iw:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px var(--ring);background:#fff}.iw .ic{width:44px;height:100%;color:var(--faint);flex:none;place-items:center;display:grid}.iw .ic svg{width:18px;height:18px}.iw input{background:0 0;border:none;outline:none;flex:1;height:100%;padding-right:6px;font-size:15px}.iw input::placeholder{color:var(--faint)}.iw .eye{cursor:pointer;width:44px;height:100%;color:var(--faint);background:0 0;border:none;border-radius:0 13px 13px 0;place-items:center;display:grid}.iw .eye:hover{color:var(--ink)}.iw .eye svg{width:18px;height:18px}.auth-err{color:var(--danger);z-index:1;background:#e5484d1a;border:1px solid #e5484d40;border-radius:11px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex;position:relative}.auth-msg{color:#0a8f63;z-index:1;background:#0fb9811a;border:1px solid #0fb98140;border-radius:11px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex;position:relative}.rem{color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;margin-top:-2px;font-size:13.5px;font-weight:500;display:flex}.rem input{display:none}.rem .bx{background:#fff9;border:1.5px solid #00000024;border-radius:6px;flex:none;place-items:center;width:18px;height:18px;transition:all .15s;display:grid}.rem input:checked+.bx{background:var(--blue);border-color:var(--blue)}.rem input:checked+.bx:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;transform:rotate(45deg)translate(-1px,-1px)}.rem:hover .bx{border-color:#00000038}.submit{color:#fff;height:52px;font-family:var(--display);cursor:pointer;letter-spacing:-.005em;background:linear-gradient(135deg,#1e47e6,#2e5bff);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;margin-top:6px;font-size:15.5px;font-weight:600;transition:all .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 28px -6px #2e5bff80}.submit:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 16px 36px -6px #2e5bff94}.submit:active{transform:none}.submit .arr{transition:transform .25s}.submit:hover .arr{transform:translate(3px)}.submit.ld{pointer-events:none;filter:brightness(.95)}.submit.ld .lbl,.submit.ld .arr{opacity:0}.submit .spin{opacity:0;border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite sp;position:absolute}.submit.ld .spin{opacity:1}@keyframes sp{to{transform:rotate(360deg)}}.foot{text-align:center;color:var(--muted);z-index:1;margin-top:24px;font-size:13.5px;position:relative}.foot a{color:var(--blue);font-weight:600}.foot a:hover{text-decoration:underline}.bot-legal{z-index:5;color:#ffffff59;justify-content:center;align-items:center;gap:24px;padding:16px;font-size:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.bot-legal a{color:#ffffff80;border-bottom:1px solid #ffffff1a}.bot-legal a:hover{color:#ffffffb3}@media (max-width:520px){.top-bar{padding:14px 16px}.card{border-radius:22px;padding:32px 22px 28px}.card-h h1{font-size:1.35rem}.sso{flex-direction:column}.page{padding:80px 16px}}