:root{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#eff0f3;background:#111316;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-content:center;gap:25px;padding:24px;background:radial-gradient(ellipse at 20% 20%,#23322988,transparent 55%),#111316}.login{width:min(100%,480px);padding:34px;background:#1c2025;border:2px solid #4d535d;box-shadow:6px 6px 0 #07090a}.brand{font-size:23px;font-weight:900;letter-spacing:2px}.brand span{color:#77e89b}.tag{display:inline-block;margin:20px 0 4px;border:1px solid #69794f;padding:5px 7px;color:#dbd789;font-size:10px;letter-spacing:2px}h1{font-size:27px;line-height:1.25;margin:17px 0}p{color:#a7aeb9;line-height:1.65;font-size:13px}form{margin-top:28px}label{display:block;margin-bottom:10px;font-size:12px;font-weight:bold}input{width:100%;padding:13px;background:#0e1115;border:2px solid #505761;border-radius:0;color:#fff;font:inherit;outline:none}input:focus{border-color:#88efa5;box-shadow:0 0 0 2px #88efa52b}button{display:flex;justify-content:space-between;gap:15px;width:100%;margin-top:12px;padding:14px 17px;border:2px solid #94e9ac;border-bottom:4px solid #33884d;background:#60ce80;color:#091c10;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}button:hover{background:#8aeaa6}button:focus-visible{outline:3px solid white;outline-offset:4px}.error{color:#ffaaaa;min-height:1.5em;margin:9px 0;font-size:12px}.note{margin-top:24px;font-size:11px}footer{text-align:center;color:#68717f;font-size:11px;letter-spacing:1px}@media(max-width:460px){body{padding:18px}.login{padding:25px}h1{font-size:24px}}