.login-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(circle at 50% 0,#172940 0,#0b1220 55%);color:#e5edf8}.login-screen{width:min(100%,28rem)}.login-brand{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.login-brand strong,.login-brand small{display:block}.login-brand small{margin-top:.2rem;color:#8ea1bb;font-size:.72rem}.login-brand .brand-mark{display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:.8rem;background:#0b9bc0;color:#fff;font-size:1.1rem;font-weight:900}.login-panel{padding:1.75rem;border:1px solid #2a3b55;border-radius:1rem;background:#121d30;box-shadow:0 20px 50px #0005}.login-panel h1{margin:.35rem 0 .5rem;font-size:1.65rem}.login-panel>p{margin-bottom:1.35rem}.login-panel form{display:grid;gap:.9rem}.login-panel label{display:grid;gap:.4rem;color:#dce8f5;font-size:.75rem;font-weight:700}.login-panel input{display:block;width:100%;min-height:2.8rem;border:1px solid #40516b;border-radius:.55rem;padding:.75rem .8rem;background:#0f192b;color:#f5f9ff;font:inherit;font-size:16px;touch-action:manipulation;user-select:text;-webkit-user-select:text;-webkit-appearance:none;-moz-appearance:none;appearance:none}.login-panel input:focus{outline:2px solid #35d0df;outline-offset:1px}.login-panel .primary-button{min-height:2.8rem;margin-top:.2rem;font-size:.85rem}.login-message{min-height:1.2rem;margin:0;color:#8ea1bb;font-size:.75rem}.login-message.is-error{color:#f59e9e}.login-message.is-success{color:#71ddb4}.login-footer{text-align:center;margin:1rem 0 0;color:#627692;font-size:.7rem}