:root {
  color-scheme: light dark;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #10131a;
  color: #eef1f8;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  padding: 3rem 1rem;
  background: radial-gradient(circle at top, #27304b 0, #10131a 46rem);
}

.card {
  width: min(46rem, 100%);
  margin: 0 auto;
  padding: clamp(1.5rem, 5vw, 3rem);
  border: 1px solid #3b435b;
  border-radius: 1rem;
  background: #181c27;
  box-shadow: 0 1.5rem 4rem #080a0f99;
}

h1 { margin: .25rem 0 1.25rem; font-size: clamp(2rem, 7vw, 3rem); line-height: 1.05; }
h2 { margin-top: 2rem; }
p, li { color: #cbd1e1; line-height: 1.6; }
li + li { margin-top: .5rem; }
.eyebrow { color: #aebcff; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; font-size: .78rem; }
.agreement { display: flex; gap: .75rem; align-items: flex-start; margin: 2rem 0 1rem; line-height: 1.5; }
.agreement input { width: 1.25rem; height: 1.25rem; flex: 0 0 auto; }
button {
  width: 100%; padding: .9rem 1.1rem; border: 0; border-radius: .55rem;
  color: white; background: #5865f2; font: inherit; font-weight: 700; cursor: pointer;
}
button:hover { background: #6d78f5; }
button:disabled { background: #454b5e; color: #aeb3c2; cursor: not-allowed; }
a { color: #aebcff; }