.login-page{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 30% 10%,#345160,#10242f 70%);color:#e8dfcc;font-family:Arial,sans-serif}.login-panel{position:relative;padding:52px;width:min(500px,calc(100vw - 36px));background:#142c36ed;border:1px solid #63736c;box-shadow:0 40px 100px #0005}.login-monogram{font:60px Georgia,serif;color:#cfb17b;letter-spacing:8px;margin:30px 0}.login-panel h1{font:34px Georgia,serif;font-weight:normal;line-height:1.2;color:#ede4d4}.login-panel p{font-size:13px;line-height:1.8;color:#a9b8bd}.login-panel form{margin:30px 0}.login-panel label{color:#c9d2cf;font-size:12px}.login-panel input{background:#0e232e;border:1px solid #526a74;color:#fff;padding:13px}.login-panel button{width:100%;margin-top:12px;background:#c5a971;color:#132b36;border:0;min-height:46px}.login-panel .eyebrow,.login-panel small{color:#c4ab7c;font:10px monospace;letter-spacing:1.8px}.login-skyline{position:fixed;inset:30% 0 0;background:repeating-linear-gradient(90deg,#142b3680 0 70px,transparent 70px 90px);clip-path:polygon(0 30%,8% 30%,8% 12%,15% 12%,15% 40%,24% 40%,24% 0,32% 0,32% 25%,47% 25%,47% 40%,60% 40%,60% 18%,67% 18%,67% 35%,77% 35%,77% 8%,85% 8%,85% 33%,100% 33%,100% 100%,0 100%)}@media(max-width:500px){.login-panel{padding:30px}.login-panel h1{font-size:28px}}