.login-screen{--ink:#101515;--green:#6f9f68;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 18% 16%,#ffffff26,#0000 28%),linear-gradient(135deg,#264b54 0 46%,#1b333b 46% 54%,#667574 54%);place-items:center;padding:24px;font-family:Tahoma,Verdana,sans-serif;display:grid;position:relative;overflow:hidden}.login-screen:before,.login-screen:after{content:"";pointer-events:none;position:absolute;inset:-20%}.login-screen:before{background:repeating-linear-gradient(107deg,#0000 0 72px,#e1f5fa29 73px 74px,#0000 75px 128px),repeating-linear-gradient(23deg,#0000 0 114px,#ffffff1a 115px 116px,#0000 117px 181px);transform:rotate(-8deg)}.login-screen:after{clip-path:polygon(0 60%,18% 43%,33% 51%,48% 12%,57% 48%,75% 33%,100% 51%,100% 53%,76% 36%,58% 51%,49% 16%,35% 54%,18% 46%,2% 64%);border:2px solid #ffffff38;height:70%;inset:auto -10% -12% 45%}.login-noise{opacity:.2;pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff14 0 1px,#0000 1px 4px);position:absolute;inset:0}.login-window{z-index:1;background:#d8d9ce;border:2px solid #30352f;border-color:#f8f8f0 #30352f #30352f #f8f8f0;width:min(480px,100%);position:relative;box-shadow:10px 12px #050e0f54,0 24px 90px #0000004d}.login-window>header{color:#fff;letter-spacing:.08em;background:linear-gradient(90deg,#183b79,#347a9a 70%,#6caaa8);border-bottom:1px solid #0b244a;justify-content:space-between;align-items:center;height:36px;padding:0 7px 0 11px;font-size:12px;font-weight:700;display:flex}.login-window>header span{align-items:center;gap:8px;display:flex}.login-window svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:18px;height:18px}.login-window>header i{color:#101515;background:#d8d9ce;border:2px outset #fff;place-items:center;width:22px;height:22px;font-family:Arial;font-size:17px;font-style:normal;display:grid}.login-body{grid-template-columns:62px 1fr;gap:16px 18px;padding:32px 34px 36px;display:grid}.login-emblem{color:#f3f7ed;background:#092d60;border:3px outset #e9ece1;place-items:center;width:58px;height:58px;display:grid;box-shadow:inset 0 0 0 3px #327099}.login-emblem svg{width:30px;height:30px}.login-code{letter-spacing:.12em;color:#3b5c56;font:700 10px/1.2 Courier New,monospace}.login-body h1{color:#182b30;margin:5px 0 8px;font:700 24px/1.05 Georgia,serif}.login-body p{color:#53605d;margin:0;font-size:12px;line-height:1.55}.login-body form,.login-message{grid-column:1/-1}.login-body form{gap:14px;padding-top:5px;display:grid}.login-body label>span{margin:0 0 5px;font-size:11px;font-weight:700;display:block}.login-body label>div{background:#fff;border:2px inset #f5f5ed;align-items:center;height:40px;display:flex}.login-body label svg{color:#526461;width:17px;height:17px;margin:0 9px}.login-body input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;padding:0 10px 0 0;font:14px Courier New,monospace}.login-body button{color:#fff;letter-spacing:.03em;cursor:pointer;background:linear-gradient(#477e76,#1f544f);border:2px outset #7ca9a2;justify-content:center;justify-self:end;align-items:center;gap:8px;min-width:190px;height:40px;font:700 12px Tahoma,sans-serif;display:flex}.login-body button:active{border-style:inset}.login-body button:disabled{filter:grayscale(.7);cursor:wait}.login-message{border:1px solid;align-items:center;gap:9px;padding:9px 11px;font-size:12px;display:flex}.login-message.error{color:#7a201b;background:#f6d7d2;border-color:#a65951}.login-message.ok{color:#24532a;background:#d8ecd8;border-color:#6b936d}.login-message svg{flex:0 0 18px}.login-window>footer{color:#53605d;letter-spacing:.08em;border-top:2px groove #fff;justify-content:space-between;align-items:center;height:28px;padding:0 9px;font:700 9px Courier New,monospace;display:flex}@media (max-width:560px){.login-screen{padding:10px}.login-body{grid-template-columns:50px 1fr;padding:25px 21px 28px}.login-emblem{width:48px;height:48px}.login-body h1{font-size:20px}.login-body button{width:100%}}