@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap');

:root {
  --bg: #0b0d12;
  --bg2: #0f1219;
  --card: rgba(255,255,255,0.035);
  --border: rgba(255,255,255,0.10);
  --border2: rgba(255,255,255,0.16);
  --text: #e7e9ee;
  --muted: rgba(231,233,238,0.72);
  --muted2: rgba(231,233,238,0.56);
  --accent: #da7756;
  --accent2: #e58a6a;
}

html {
  min-height: 100%;
  background:
    radial-gradient(1000px 500px at 20% -20%, rgba(218,119,86,0.14), transparent 60%),
    radial-gradient(900px 500px at 90% 0%, rgba(218,119,86,0.10), transparent 55%),
    linear-gradient(180deg, var(--bg) 0%, var(--bg2) 100%);
  background-color: var(--bg);
}

body {
  font-family: 'Geist', system-ui, -apple-system, Segoe UI, Roboto, sans-serif !important;
  background: transparent !important;
  min-height: 100vh;
  color: var(--text) !important;
}

a {
  color: var(--accent) !important;
  text-decoration-color: rgba(218,119,86,0.35) !important;
}

a:hover {
  color: #fff !important;
}

label {
  color: rgba(231,233,238,0.78) !important;
}

h1, h2, h3, h4 {
  color: #fff !important;
  letter-spacing: -0.03em;
}

.container {
  max-width: 620px !important;
  margin-top: 64px !important;
}

.wrap {
  background: var(--card) !important;
  border: 1px solid var(--border) !important;
  box-shadow: 0 24px 80px rgba(0,0,0,0.55) !important;
  border-radius: 16px !important;
}

.header {
  border-bottom-color: rgba(255,255,255,0.10) !important;
}

.header .logo img {
  max-width: 44px !important;
  height: 44px !important;
  width: 44px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  background: rgba(255,255,255,0.03) !important;
}

input[type="text"],
input[type="email"],
input[type="password"],
select {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  box-shadow: none !important;
  border-radius: 12px !important;
  color: rgba(231,233,238,0.92) !important;
}

input::placeholder {
  color: rgba(231,233,238,0.45) !important;
}

input:focus,
select:focus {
  border-color: rgba(218,119,86,0.55) !important;
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(218,119,86,0.14) !important;
}

/* Hide list selection UI (we only expose one public list). */
.lists h2 {
  display: none !important;
}

.lists li {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.lists .description {
  color: rgba(231,233,238,0.55) !important;
}

/* Hide archive link on the subscribe form (optional). */
.right {
  display: none !important;
}

.button {
  background: var(--accent) !important;
  color: #0b0d12 !important;
  border-radius: 14px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em;
}

.button:hover {
  background: var(--accent2) !important;
}

footer.container {
  color: rgba(231,233,238,0.50) !important;
  font-size: 12px !important;
  margin: 18px auto 30px auto !important;
  opacity: 0.9;
}

footer a {
  color: rgba(231,233,238,0.70) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(255,255,255,0.18) !important;
}

footer a:hover {
  color: #fff !important;
  border-bottom-color: rgba(255,255,255,0.35) !important;
}