.login-page{min-height:100svh;background:#0b0b0c;color:#f4f1ed}
.login-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1200px,calc(100% - 48px));height:82px;margin:0 auto;border-bottom:1px solid #ffffff20}
.login-brand{font:600 16px/1.2 Inter,Segoe UI,sans-serif;letter-spacing:.22em;white-space:nowrap}
.login-header nav{display:flex;align-items:center;gap:26px;color:#bcb6b0;font-size:13px}
.login-header nav a:hover{color:#fff}
.login-main{position:relative;z-index:1;display:grid;place-items:center;min-height:calc(100svh - 82px);padding:50px 24px 82px}
.login-card{width:min(430px,100%);padding:36px;border:1px solid #ffffff25;border-radius:8px;background:#1a1a1ced;box-shadow:0 24px 70px #0008;backdrop-filter:blur(14px)}
.login-kicker{margin:0 0 24px;color:#d0bb8c;font-size:11px;font-weight:700;letter-spacing:.18em}
.login-card h1{margin:0 0 8px;font:600 35px/1.15 Inter,Segoe UI,sans-serif;letter-spacing:-.04em}
.login-intro{margin:0 0 28px;color:#bcb6b0;font-size:15px;line-height:1.6}
.login-card form{display:grid;gap:10px}
.login-card form[hidden]{display:none}
.login-card label{margin-top:3px;color:#ded9d3;font-size:14px;font-weight:600}
.login-card input:not([type=checkbox]):not([type=range]){width:100%;height:48px;margin:0 0 14px;padding:11px 13px;border:1px solid #817b76;border-radius:4px;background:#141416;color:#fff;font-size:16px}
.login-card input::placeholder{color:#88827e}
.login-card input:focus{border-color:#e7d9bd;outline:2px solid #e7d9bd55;outline-offset:1px}
.login-card form button[type=submit]{min-height:48px;border:1px solid #eeeae3;border-radius:4px;background:#eeeae3;color:#161516;font-size:14px;font-weight:700}
.login-card form button[type=submit]:hover:not(:disabled){background:#fff;border-color:#fff}
.login-card form button:disabled{opacity:.55;cursor:wait}
.login-sent{margin:0 0 14px;color:#bcb6b0;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.login-sent strong{color:#eee9df;font-weight:600}
.login-card .login-text-button{justify-self:center;margin:2px 0 0;padding:4px 8px;border:0;background:none;color:#ded1b6;font-size:13px;text-decoration:underline;text-underline-offset:3px}
.login-status{min-height:24px;margin:18px 0 0;color:#e5bdb0;font-size:13px;line-height:1.5}
.social-sign-in{margin:22px 0 0}.social-sign-in>p{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:#928b84;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.social-sign-in>p::before,.social-sign-in>p::after{height:1px;flex:1;content:"";background:#ffffff1b}.social-button{width:100%;min-height:44px;margin:0 0 9px;border:1px solid #817b76;border-radius:4px;background:transparent;color:#eee9df;font-size:14px;font-weight:700}.social-button:hover:not(:disabled){border-color:#e7d9bd;background:#ffffff0d}.social-button:disabled{cursor:not-allowed;opacity:.55}.social-sign-in small{display:block;color:#aaa39d;font-size:12px;line-height:1.5}.login-footer{margin-top:23px;padding-top:22px;border-top:1px solid #ffffff1b;color:#aaa39d;font-size:13px;line-height:1.65}
.login-footer p{margin:0 0 8px}
@media(max-width:520px){.login-header{width:calc(100% - 32px);height:70px}.login-header nav{gap:12px;font-size:12px}.login-header nav a:last-child{display:none}.login-main{min-height:calc(100svh - 70px);padding:32px 16px 60px}.login-card{padding:27px 22px}}