*{box-sizing:border-box}
html{color-scheme:dark}
body{display:flow-root;margin:0;min-height:100svh;background:radial-gradient(ellipse at 28% 47%,#10364288,transparent 50%),#0a1017;color:#e4edf4;font:15px/1.8 "PingFang SC",system-ui,sans-serif}
.login-header{display:flex;align-items:center;gap:12px;width:min(1200px,calc(100% - 96px));margin:36px auto 0;color:#d2e4e9;font-size:16px;letter-spacing:1px}
.login-mark{display:block;width:42px;height:42px;flex:none}
.login-mark svg{display:block;width:100%;height:100%}
.login-header small{margin-left:auto;color:#809ba9;font:10px/1.5 ui-monospace,monospace;letter-spacing:2px}
.login-shell{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,390px);align-items:center;gap:28px;width:min(1200px,calc(100% - 96px));min-height:calc(100svh - 140px);margin:0 auto;padding:24px 0 48px}
.login-visual{position:relative;min-width:0;user-select:none;pointer-events:none}
.login-visual>svg{display:block;width:110%;height:auto;margin-left:-6%;overflow:visible}
.art-caption{margin:-18px 0 0 10%;color:#789aa6;font:10px/1.5 ui-monospace,"PingFang SC",monospace;letter-spacing:2px}
.login-panel{position:relative;padding:32px;border:1px solid #304c59;border-radius:14px;background:linear-gradient(145deg,#14232eea,#0e1922f2);box-shadow:0 24px 100px #0005}
.login-panel:before{content:"";position:absolute;top:-1px;left:32px;right:32px;height:1px;background:linear-gradient(90deg,transparent,#7adbd3aa,transparent)}
.login-eyebrow{margin:0 0 8px;min-height:0;color:#7adbd3;font:10px/1.5 ui-monospace,monospace;letter-spacing:2px}
h1{font:550 27px/1.6 system-ui,sans-serif;letter-spacing:1px;margin:0 0 24px}
label{display:block;margin:18px 0;color:#b5cbd5;font-size:13px}
input{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid #416271;border-radius:6px;background:#0b1720;color:#e4edf4;font:inherit}
button{width:100%;padding:12px;border:1px solid #7adbd3;border-radius:6px;background:#7adbd3;color:#092226;font:550 14px/1.8 system-ui,sans-serif;cursor:pointer}
button:hover{background:#a6eee4}
button:disabled{opacity:.5;cursor:wait}
input:focus-visible,button:focus-visible{outline:2px solid #7adbd3;outline-offset:3px}
#login-state{font-size:12px;color:#e4bd85;min-height:18px;margin:12px 0}
@media(min-width:1550px){.login-shell{gap:60px}.login-visual>svg{width:118%;margin-left:-10%}}
@media(max-width:800px){.login-header{width:calc(100% - 40px);margin-top:20px}.login-shell{grid-template-columns:1fr;gap:0;width:min(440px,calc(100% - 40px));padding:0 0 36px;min-height:0}.login-visual{height:210px;margin:-8px -20px 4px}.login-visual>svg{width:100%;height:100%;margin:0}.art-caption{position:absolute;bottom:6px;left:0;right:0;margin:0;text-align:center;font-size:9px;letter-spacing:1px}.login-panel{padding:26px}.login-header small{font-size:8px;letter-spacing:1px}.login-mark{width:36px;height:36px}h1{font-size:25px;margin-bottom:20px}}
@media(max-width:370px){.login-header small{display:none}.login-visual{height:170px}.login-panel{padding:22px}}