:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#e3e5ec;background:#101116}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px;background-image:radial-gradient(#2d2b372e 1px,transparent 1px);background-size:24px 24px}main{width:100%;max-width:400px;background:#17191f;border:1px solid #35313f;border-radius:16px;padding:36px;box-shadow:0 24px 80px #0003}.mark{width:48px;height:48px;border:1px solid #4a6b58;border-radius:12px;display:grid;place-items:center;color:#8ae0ab;font-size:32px;margin-bottom:24px}.eyebrow{font-size:12px;letter-spacing:2px;color:#94baa3}h1{font-size:26px;font-weight:550;letter-spacing:-.6px;margin:10px 0}p{color:#9996a5;line-height:1.7;font-size:15px}form{margin-top:28px}label{display:block;font-size:14px;color:#b6b0c2;margin-bottom:9px}input[type=password]{width:100%;padding:13px 14px;border:1px solid #47404f;border-radius:7px;background:#111319;color:inherit;font:inherit}input:focus{outline:2px solid #85b99b;outline-offset:2px}.remember{display:flex;align-items:center;gap:9px;margin:13px 0 0;cursor:pointer}.remember input{width:17px;height:17px;accent-color:#85b99b}.remember span{font-size:13px;color:#c4becb}button{margin-top:18px;width:100%;padding:13px 14px;display:flex;justify-content:space-between;border:1px solid #496e55;background:#253b2c;color:#c2e8cf;border-radius:7px;font:inherit;cursor:pointer}button:hover{background:#304b37}small{display:block;margin-top:26px;color:#807c8b;font-size:12px;line-height:1.45}.error{color:#ef8b91;font-size:14px}.back{display:block;margin-top:24px;color:#b3d9c1;text-decoration:none}@media(max-width:480px){main{padding:26px}}