:root{--night:#061222;--panel:#0d2035;--cyan:#22d3ee;--blue:#258bff;--ice:#f1f6fc;--steel:#a9bed4;--amber:#ffb547;--danger:#ff7e8c}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--night);color:var(--ice);font-family:"DejaVu Sans",sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}[hidden]{display:none!important}
.shell{min-height:100svh;position:relative;overflow:hidden;isolation:isolate}.scene{position:absolute;z-index:-3;inset:0;background:var(--night) url('/assets/manual-scene.webp') center center/cover no-repeat}.shell:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#061222f9 0%,#061222e9 27%,#061222aa 45%,#06122212 75%),linear-gradient(0deg,#061222aa,transparent 36%);pointer-events:none}.shell:after{content:"";position:absolute;inset:12px;z-index:-1;border:1px solid #258bff55;pointer-events:none;clip-path:polygon(0 0,40px 0,40px 2px,calc(100% - 40px) 2px,calc(100% - 40px) 0,100% 0,100% 100%,0 100%)}
.gate{min-height:100svh;display:flex;flex-direction:column;width:min(620px,100%);padding:clamp(24px,4vw,64px) clamp(24px,5vw,80px) 26px;position:relative}.logo{display:flex;align-items:center;gap:15px;white-space:nowrap}.logo img{width:42px;height:38px;object-fit:contain;image-rendering:pixelated}.logo strong{font:700 clamp(20px,2vw,29px)/1 "DejaVu Sans Mono",monospace;letter-spacing:.04em}.logo strong span{color:var(--cyan)}
.login-block{margin:auto 0;max-width:410px;padding:42px 0 52px}.eyebrow{font:700 11px/1.5 "DejaVu Sans Mono",monospace;color:var(--cyan);letter-spacing:.13em}.eyebrow .line{display:inline-block;width:34px;height:1px;background:var(--cyan);vertical-align:middle;margin-left:10px}.login-block h1{font-size:clamp(33px,3.25vw,46px);line-height:1.14;letter-spacing:-.045em;margin:16px 0 32px}.login-block h1 em{font-style:normal;color:var(--cyan)}
.credentials{display:grid;gap:20px}.field{display:grid;gap:9px}.field label{font:700 12px/1.2 "DejaVu Sans Mono",monospace;letter-spacing:.06em;color:#cbdff0}.field input{width:100%;height:52px;border:1px solid #4c86ac;border-radius:2px;background:#0d2035e8;color:var(--ice);padding:0 14px;font-size:16px;box-shadow:inset 0 1px 0 #173b5b}.field input:hover{border-color:#75c6ee}
.submit{width:100%;height:53px;margin-top:9px;border:1px solid #84f0ff;border-radius:2px;background:var(--cyan);color:var(--night);font-weight:700;font-size:15px;box-shadow:0 0 18px #15cde444}.submit:hover{background:#7ee8f4}.submit:disabled{opacity:.6;cursor:progress}
.error{color:#ffd1d6;background:#44192bdc;border-left:3px solid var(--danger);padding:11px 13px;font-size:13px;line-height:1.4;margin:0}.gate-foot{font:11px/1.4 "DejaVu Sans Mono",monospace;color:#b1cada;letter-spacing:.03em}.gate-foot span{color:var(--amber)}
@media(max-width:960px){.scene{background-position:61% center}}
@media(max-width:620px){.scene{background-position:68% center}.shell:before{background:linear-gradient(180deg,#061222eb 0%,#061222f3 25%,#061222d5 65%,#0612227d 100%)}.shell:after{inset:7px}.gate{padding:27px 25px 22px}.logo img{width:34px;height:32px}.logo strong{font-size:19px}.login-block{padding:50px 0}.login-block h1{margin:12px 0 27px;font-size:34px}.credentials{gap:16px}}