*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:Inter,'Segoe UI',Arial,sans-serif;color:#f4f8ff;background:radial-gradient(ellipse at 50% 15%,#0a3c6d 0%,transparent 52%),linear-gradient(90deg,#020a13 0%,#061b2e 19%,#03101e 50%,#061b2e 81%,#020a13 100%)}body:before,body:after{content:"";position:fixed;top:0;bottom:0;width:21%;pointer-events:none;opacity:.65;background:repeating-linear-gradient(to bottom,transparent 0 18px,#0a2441 19px 24px,#030a13 25px 54px,#1b6cb2 55px 57px,#030a13 58px 78px);box-shadow:inset 0 0 60px #000,0 0 70px #001d3c}body:before{left:0;transform:perspective(500px) rotateY(-10deg)}body:after{right:0;transform:perspective(500px) rotateY(10deg)}.login-shell{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 18px}.login-card{width:min(100%,570px);padding:30px clamp(22px,5vw,62px) 54px;background:linear-gradient(150deg,rgba(5,23,41,.96),rgba(1,12,25,.98));border:1px solid #1478c8;border-radius:24px;box-shadow:0 24px 100px #000b,0 0 45px #086bb32b}.brand{display:block;width:min(100%,390px);height:230px;object-fit:contain;margin:0 auto -2px}.subtitle{text-align:center;letter-spacing:.32em;font-size:clamp(11px,1.5vw,17px);color:#b3d9fb;font-weight:600}.rule{height:1px;width:45%;margin:24px auto 34px;background:linear-gradient(90deg,transparent,#125489,transparent)}label{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}input{width:100%;height:60px;background:#0d2338;border:1px solid #28506f;border-radius:11px;padding:0 18px;color:white;font:inherit;font-size:17px;outline:none;margin-bottom:16px}input:focus{border-color:#2d9dff;box-shadow:0 0 0 3px #158eff30}input::placeholder{color:#a5bbd1}.password-wrap{position:relative}.password-wrap input{padding-right:58px}.password-wrap button{position:absolute;right:12px;top:11px;border:0;background:none;color:#c7e5ff;font-size:22px;cursor:pointer;padding:6px}.options{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:7px 0 27px;font-size:12px;color:#9db9d1}.help-note{text-align:right}.submit{width:100%;height:63px;border:0;border-radius:10px;background:linear-gradient(110deg,#139cfb,#0867f5);color:white;font-size:19px;font-weight:600;cursor:pointer}.submit:hover{filter:brightness(1.13)}.submit span{margin-left:12px}.error{background:#4c1524;border:1px solid #ff5678;border-radius:8px;padding:13px;color:#ffe0e7}@media(max-width:640px){body:before,body:after{opacity:.18;width:16%}.login-card{padding:18px 22px 36px}.brand{height:180px}.options{flex-direction:column;align-items:flex-start}.help-note{text-align:left}}