/* Login page */
body{
  display:flex;align-items:center;justify-content:center;min-height:100vh;
  background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(205,165,77,0.05),transparent),
             radial-gradient(ellipse 30% 30% at 85% 80%,rgba(205,165,77,0.025),transparent),
             #08090a;
  font-family:"Aptos","Segoe UI Variable","Segoe UI",system-ui,-apple-system,sans-serif;
}

.login-card{
  width:100%;max-width:388px;padding:52px 40px 44px;
  background:rgba(255,255,255,0.012);
  border:1px solid rgba(255,255,255,0.06);
  border-radius:14px;
}

.login-mark{
  display:flex;align-items:center;gap:10px;margin-bottom:36px;
}
.login-mark svg{width:30px;height:30px;flex-shrink:0}
.login-mark strong{font-size:14px;font-weight:600;letter-spacing:-0.015em;color:#f7f8f8}
.login-mark span{display:block;font-size:9px;color:#62666d;margin-top:2px}

h1{font-size:21px;font-weight:600;letter-spacing:-0.025em;color:#f7f8f8;margin:0 0 5px}

.login-sub{font-size:12.5px;color:#8a8f98;line-height:1.5;margin:0 0 32px}

.login-field{margin-bottom:20px}
.login-field label{display:block;font-size:8.5px;font-weight:600;color:#62666d;text-transform:uppercase;letter-spacing:0.15em;margin-bottom:7px}
.login-field input{
  width:100%;min-height:44px;padding:0 12px;color:#f7f8f8;font-size:14px;font-family:inherit;
  background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.08);border-radius:7px;outline:none;
}
.login-field input::placeholder{color:#3e3e44}
.login-field input:focus{border-color:#cda54d;box-shadow:0 0 0 3px rgba(205,165,77,0.08)}

#login-submit{
  width:100%;min-height:44px;margin-top:4px;color:#0b0d0c;font-size:13.5px;font-weight:600;font-family:inherit;
  background:#cda54d;border:0;border-radius:7px;cursor:pointer;
}
#login-submit:hover{background:#d9b965}
#login-submit:disabled{opacity:.4;cursor:not-allowed}

.login-error{display:none;margin-top:14px;text-align:center;font-size:11px;color:#e1887c}
.login-error.is-visible{display:block}

.login-foot{text-align:center;margin-top:40px;font-size:9.5px;color:#3e3e44;letter-spacing:0.04em}

@media(max-width:480px){
  .login-card{padding:40px 28px 36px;border:0;background:transparent;max-width:100%;border-radius:0}
}