:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;--bg:#070b0f;--panel:#0c1218;--panel2:#101820;--line:#1b2933;--line2:#233743;--text:#edf7f3;--muted:#7f9198;--green:#49f2a7;--green2:#18c67d;--cyan:#58d9ff;--red:#ff6f7d;--shadow:0 28px 80px rgba(0,0,0,.38)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{min-height:100dvh;background:radial-gradient(circle at 15% 15%,rgba(73,242,167,.08),transparent 32%),radial-gradient(circle at 90% 90%,rgba(88,217,255,.05),transparent 30%),var(--bg)}
.login-page{display:grid;place-items:center;padding:28px}.login-shell{width:min(1060px,100%);min-height:640px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);border:1px solid var(--line);border-radius:20px;overflow:hidden;background:rgba(9,14,19,.94);box-shadow:var(--shadow)}
.login-visual{position:relative;display:flex;flex-direction:column;padding:34px 38px;background:linear-gradient(145deg,rgba(12,22,27,.96),rgba(7,12,16,.98));border-right:1px solid var(--line)}.login-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 95%,rgba(73,242,167,.035) 96%),linear-gradient(90deg,transparent 95%,rgba(73,242,167,.03) 96%);background-size:34px 34px;mask-image:linear-gradient(to bottom,transparent,black 35%,black 80%,transparent);pointer-events:none}
.login-brand,.mobile-brand{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.brand-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(145deg,#17362a,#0b1713);border:1px solid #275d48;color:var(--green);font-size:22px;font-weight:700;box-shadow:inset 0 0 24px rgba(73,242,167,.08)}.login-brand strong,.mobile-brand strong{display:block;font-size:18px}.login-brand small,.mobile-brand small{display:block;margin-top:3px;color:#5f7970;font-size:10px;letter-spacing:1.7px}
.visual-copy{position:relative;z-index:1;margin:auto 0}.eyebrow{margin:0 0 12px;color:#4f7568;font-size:9px;font-weight:700;letter-spacing:2.2px}.visual-copy h1{margin:0;color:#f4fbf8;font-size:52px;line-height:1.02;letter-spacing:-2.2px}.visual-copy>p:last-child{max-width:520px;margin:22px 0 0;color:#6f8288;font-size:13px;line-height:1.8}
.signal-panel{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;gap:7px 18px;align-items:center;border:1px solid #1d3b31;border-radius:13px;background:linear-gradient(90deg,rgba(73,242,167,.07),rgba(73,242,167,.015));padding:16px 18px}.signal-panel>span{grid-row:1/3;color:#587078;font-size:9px;letter-spacing:1.5px}.signal-panel strong{font-size:11px;color:#bfe8d8}.signal-panel strong i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(73,242,167,.08),0 0 16px rgba(73,242,167,.6)}.signal-panel small{color:#53656c;font-size:9px}
.login-panel{display:grid;place-items:center;padding:46px 42px;background:linear-gradient(180deg,rgba(15,23,29,.98),rgba(9,14,19,.98))}.panel-inner{width:min(100%,390px)}.mobile-brand{display:none}.panel-inner h2{margin:0;color:#f2f8f6;font-size:27px;letter-spacing:-.7px}.login-description{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.7}
#login-form{display:grid;gap:10px;margin-top:30px}#login-form label{margin-top:4px;color:#83958f;font-size:11px;font-weight:600;letter-spacing:.2px}#login-form input{width:100%;min-height:48px;padding:12px 14px;border:1px solid #23343e;border-radius:10px;background:#0a1116;color:#dbe9e4;font:inherit;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}#login-form input::placeholder{color:#3f5057}#login-form input:focus{border-color:#2c5e49;background:#0c151a;box-shadow:0 0 0 3px rgba(73,242,167,.07)}#login-form input[aria-invalid="true"]{border-color:#66343c;box-shadow:0 0 0 3px rgba(255,111,125,.06)}
#login-form button{min-height:48px;margin-top:8px;border:1px solid #35d893;border-radius:10px;background:linear-gradient(180deg,#2dcf8a,#18a86d);color:#03110b;font:inherit;font-weight:750;cursor:pointer;transition:transform .12s,filter .12s}#login-form button:hover{filter:brightness(1.06)}#login-form button:active{transform:translateY(1px)}#login-form button:disabled{opacity:.58;cursor:not-allowed}
#login-error{min-height:20px;margin:4px 0 -2px;color:#ff9ca6;font-size:11px;line-height:1.5}.security-note{margin:26px 0 0;padding-top:18px;border-top:1px solid #142129;color:#45575e;font-size:9px;letter-spacing:.8px;text-transform:uppercase}
@media(max-width:860px){.login-page{padding:0}.login-shell{grid-template-columns:1fr;min-height:100dvh;border:0;border-radius:0}.login-visual{display:none}.login-panel{padding:max(30px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(30px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.panel-inner{width:min(100%,430px)}.mobile-brand{display:flex;margin-bottom:70px}.panel-inner h2{font-size:25px}}
@media(max-width:480px){.login-panel{place-items:start center}.mobile-brand{margin-bottom:52px}.panel-inner h2{font-size:24px}}