*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#111214;color:#eee}.login-page{min-height:100dvh;display:grid;place-items:center;padding:32px 20px}.login-card{width:min(100%,440px);border:1px solid #34363b;border-radius:24px;padding:40px 34px 28px;background:#17181b;box-shadow:0 18px 70px #0004}.login-mark{display:grid;grid-template-columns:repeat(2,12px);gap:3px;justify-content:center;align-content:center;width:64px;height:64px;margin:auto;border:1px solid #505258;border-radius:18px;background:#2c2e32}.login-mark span{height:12px;border:2px solid #eee;border-radius:2px}h1{font-size:30px;letter-spacing:-1px;text-align:center;margin:20px 0 12px}.login-description{text-align:center;font-size:15px;color:#b9bbc2;margin:0 0 30px}label{display:block;margin:18px 0 8px;font-size:15px}input{width:100%;background:#292b30;color:#fafafa;border:1px solid #4b4e56;border-radius:10px;padding:14px;font:inherit}input::placeholder{color:#979ba5}input:focus-visible,button:focus-visible{outline:2px solid #a9b9dd;outline-offset:3px}button{cursor:pointer;width:100%;background:#efeff2;color:#16171a;border:0;border-radius:10px;padding:14px;margin-top:24px;font:600 16px system-ui}button:disabled{cursor:wait;opacity:.65}.login-note{text-align:center;font-size:13px;color:#a8abb3;margin:22px 0 0}.login-error{font-size:14px;line-height:1.5;color:#faa;margin:16px 0 0}