@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Barlow:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap');
:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#0a100d;color:#eef0e7;font-family:Barlow,Arial,sans-serif;min-height:100vh;background-image:radial-gradient(ellipse 70% 55% at 68% 44%,#26382680,transparent),repeating-linear-gradient(0deg,transparent 0 39px,#8aab6a09 40px),repeating-linear-gradient(90deg,transparent 0 39px,#8aab6a09 40px)}.stripe{min-height:30px;background:#c9e18f;color:#172315;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px max(24px,calc((100vw - 1100px)/2));font:600 10px 'IBM Plex Mono',monospace;letter-spacing:1px}.login-shell{max-width:1100px;margin:0 auto;padding:68px 25px 30px}.brand{display:flex;align-items:center;gap:16px;margin-bottom:36px;font:900 45px/.8 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px}.brand em{font-style:normal;color:#d2e6a4}.insignia{width:54px;height:54px;background:#d2e6a4;color:#19251a;font:600 38px/54px Arial;text-align:center;clip-path:polygon(0 0,100% 0,100% 74%,74% 100%,0 100%)}.login-panel{border:1px solid #485a43;background:linear-gradient(120deg,#1c2b20,#141f18 70%);min-height:515px;display:flex;position:relative;overflow:hidden}.login-panel:after{position:absolute;content:'';width:360px;height:360px;border:1px solid #cde0a72c;border-radius:50%;right:-70px;top:60px;box-shadow:0 0 0 70px #cde0a70a,0 0 0 140px #cde0a706;pointer-events:none}.vertical-label{writing-mode:vertical-rl;transform:rotate(180deg);background:#c9e18f;color:#25321c;padding:24px 15px;font:700 10px 'IBM Plex Mono',monospace;letter-spacing:1.7px}.panel-inner{padding:51px 65px 35px;max-width:760px;width:100%;z-index:1}.small-caption{font:600 10px 'IBM Plex Mono',monospace;letter-spacing:1.2px;color:#d2e6a4;display:flex;gap:11px;align-items:center}.light{width:9px;height:9px;border-radius:50%;background:#b3d47d;box-shadow:0 0 11px #b3d47d}h1{font:900 clamp(63px,10vw,105px)/.82 'Barlow Condensed',Impact,sans-serif;letter-spacing:.4px;margin:25px 0}h1 em{font-style:normal;color:#cde39b}p{color:#b1c0b0;max-width:450px;font-size:14px;line-height:1.6;margin:0 0 26px}.operator-label{border-top:1px solid #586a4f;border-bottom:1px solid #586a4f;display:flex;justify-content:space-between;gap:12px;padding:13px 0;color:#c8d5c6;font:600 11px 'IBM Plex Mono',monospace}.operator-label span{color:#839680}.operator-label strong{color:#e1ead5;font-weight:600}form{margin-top:24px}label{display:block;font:700 11px 'IBM Plex Mono',monospace;letter-spacing:1px;color:#a3b6a0;margin-bottom:10px}input{width:100%;height:51px;padding:0 16px;background:#0e1710;border:1px solid #566849;color:white;font:500 15px Barlow,Arial}input:focus{outline:2px solid #cde39b;outline-offset:2px}form button{width:100%;height:51px;border:0;background:#c9df8f;color:#162116;margin-top:13px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;font:800 19px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;cursor:pointer}form button:hover{background:#e0f4ab}form button span:last-child{font-size:24px}.bottom-status{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:26px;color:#9aaa94;font:600 9px 'IBM Plex Mono',monospace;letter-spacing:.8px}.bottom-status span:last-child{margin-left:auto}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b3d47d}#login-error{color:#ff9f90;font-size:13px;margin-top:10px}footer{display:flex;justify-content:space-between;gap:10px;margin-top:25px;color:#849981;font:600 10px 'IBM Plex Mono',monospace}@media(max-width:600px){.stripe span:last-child{display:none}.login-shell{padding:34px 14px}.brand{font-size:36px}.insignia{width:43px;height:43px;line-height:43px;font-size:32px}.vertical-label{display:none}.panel-inner{padding:32px 21px}.login-panel{min-height:initial}h1{font-size:70px}.operator-label{font-size:9px}.bottom-status span:last-child{margin-left:0}footer{font-size:8px}}
