:root{font-family:"Manrope",sans-serif;color:#fff;background:#050505}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#050505}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.login-panel{width:min(100%,420px)}.login-panel header{display:flex;align-items:center;gap:12px;margin-bottom:40px}.login-mark{display:grid;place-items:center;width:46px;height:46px;border:2px solid #fff;border-radius:10px;font-weight:800}.login-panel header p{margin:0;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.login-panel form{background:#fff;color:#090909;padding:28px 22px;border-radius:16px}.login-panel label{display:block;margin:18px 0 7px;font-size:13px;font-weight:800}.login-panel label:first-child{margin-top:0}.login-panel input{width:100%;height:56px;border:2px solid #c9c9c5;border-radius:10px;padding:0 14px;font:inherit;font-size:16px;font-weight:700;outline:none}.login-panel input:focus{border-color:#000;box-shadow:0 0 0 2px #000}.login-panel button{width:100%;height:56px;margin-top:22px;border:0;border-radius:10px;background:#050505;color:#fff;font:inherit;font-weight:800;cursor:pointer}.login-panel button:disabled{opacity:.55}#loginError{margin:14px 0 0;padding:11px;border-radius:8px;background:#fff0ed;color:#991f08;font-size:13px;font-weight:700}@media(max-width:480px){.login-shell{place-items:end center;padding:20px 16px 30px}.login-panel header{margin-bottom:22px}.login-panel form{padding:24px 18px}}