*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at 15% 10%,#34516b,transparent 60%),linear-gradient(135deg,#172c43,#223b53);color:#e6eff6;font:16px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;padding:28px 18px}.login-card{width:min(100%,440px);padding:38px;border:1px solid #97bbd344;border-radius:26px;background:#1c3448cc;box-shadow:0 25px 70px #0a1b2a44}.login-mark{font-size:24px;letter-spacing:2px}.login-mark small{color:#accddf;font-size:12px;letter-spacing:3px;margin-left:8px}.login-kicker{color:#a8c4d6;font-size:14px;margin:30px 0 7px}h1{font-size:27px;font-weight:500;margin:0 0 12px}#login-copy{color:#b9d0df;font-size:14px;margin-bottom:26px}label{display:block;margin:15px 0 7px;color:#cddde8}input{width:100%;padding:13px 14px;border:1px solid #7393ac;border-radius:12px;background:#eaf2f7;color:#25415a;font:inherit;font-size:16px}input:focus{outline:2px solid #b6dae6;outline-offset:3px}button{border:0;cursor:pointer;font:inherit;width:100%;min-height:48px;background:#b5d7e3;color:#243f53;border-radius:14px;margin-top:23px;padding:10px}button:disabled{opacity:.6;cursor:wait}small,.login-footer{font-size:12px;color:#a9c4d6}.login-footer{text-align:center;margin:24px 0 0}#login-error{font-size:14px;color:#f1c6d4}#login-logout{background:transparent;color:#b8d4e1;font-size:14px;margin:10px 0 0}[hidden]{display:none!important}@media(max-width:480px){.login-card{padding:28px 23px}}