:root {
  color-scheme: dark;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
  background: #050807;
  color: #f2f4ef;
}

* { box-sizing: border-box; }

body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 50% 35%, #13211b 0, #080d0b 34%, #030504 74%); }

.login-shell { min-height: 100vh; display: grid; place-items: center; padding: 24px; }

.login-card { width: min(100%, 430px); padding: 42px; border: 1px solid rgba(208, 225, 214, .16); border-radius: 24px; background: rgba(8, 13, 11, .82); box-shadow: 0 32px 90px rgba(0, 0, 0, .55); backdrop-filter: blur(24px); }

.eyebrow { margin: 0 0 12px; color: #93a39b; font-size: 12px; font-weight: 700; letter-spacing: .2em; }
h1 { margin: 0; font-size: clamp(52px, 12vw, 76px); line-height: .9; letter-spacing: -.06em; }
.intro { margin: 24px 0 30px; color: #aab4ae; }
.hidden { display: none; }
.invite-copy { margin: 0 0 12px; color: #aab4ae; line-height: 1.5; }
form { display: grid; gap: 10px; }
label { margin-top: 10px; color: #c7d0ca; font-size: 13px; font-weight: 650; }
input { width: 100%; padding: 14px 16px; border: 1px solid rgba(211, 225, 216, .18); border-radius: 12px; background: #0d1310; color: inherit; font: inherit; outline: none; }
input:focus { border-color: #58d79a; box-shadow: 0 0 0 3px rgba(88, 215, 154, .12); }
button { margin-top: 18px; padding: 14px 18px; border: 0; border-radius: 12px; background: #e9eee9; color: #07100b; font: inherit; font-weight: 760; cursor: pointer; }
button:disabled { cursor: wait; opacity: .55; }
.status { min-height: 20px; margin: 4px 0 0; color: #e29b8f; font-size: 13px; }

@media (max-width: 520px) { .login-card { padding: 30px 24px; border-radius: 20px; } }