.login { min-height: 100vh; display: grid; place-items: center; padding: 16px;
  background: radial-gradient(1000px 500px at 50% -10%, var(--accent-soft), transparent 70%), var(--bg); }
.login-card { width: min(400px, 100%); text-align: center; background: var(--bg-elev); border: 1px solid var(--border); border-radius: 16px; padding: 36px 28px; box-shadow: var(--shadow); }
.login-card .logo { width: 64px; height: 64px; margin-bottom: 12px; }
.login-card h1 { font-size: 24px; }
.login-card > p { margin: 4px 0 24px; }
.login-card .discord { width: 100%; height: 44px; font-size: 15px; background: #5865f2; border-color: #5865f2; }
.login-card .discord svg { width: 22px; height: 22px; }
.login-card .small { font-size: 12.5px; margin: 16px 0 0; }
#message { text-align: left; }
#message code { cursor: pointer; padding: 1px 6px; border-radius: 4px; background: var(--bg); }