@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap');
:root {
  --minute-bg: #050506;
  --minute-card: #111317;
  --minute-line: rgba(255,255,255,0.10);
  --minute-ink: #f4f5f7;
  --minute-ink-soft: #b7bcc6;
  --minute-accent: #BFFD03;
  --minute-accent-ink: #131f00;
}
body {
  background: var(--minute-bg);
  color: var(--minute-ink);
  font-family: 'Space Grotesk', system-ui, sans-serif;
}
.wrap, .container, .box {
  background: var(--minute-card);
  border: 1px solid var(--minute-line);
  border-radius: 22px;
  color: var(--minute-ink);
}
h1, h2, h3 { color: var(--minute-ink); font-weight: 700; letter-spacing: -0.02em; }
a { color: var(--minute-accent); }
a:hover { color: var(--minute-accent); opacity: .8; }
.button, button, input[type="submit"] {
  background: var(--minute-accent);
  color: var(--minute-accent-ink);
  border: none;
  border-radius: 999px;
  font-weight: 700;
  padding: .7rem 1.4rem;
}
input[type="text"], input[type="email"], select, textarea {
  background: #0c0d10;
  color: var(--minute-ink);
  border: 1px solid var(--minute-line);
  border-radius: 12px;
}
.header, header { background: transparent; border-bottom: 1px solid var(--minute-line); }
.footer, footer { color: var(--minute-ink-soft); border-top: 1px solid var(--minute-line); }
.logo img { filter: brightness(0) saturate(100%) invert(88%) sepia(65%) saturate(2000%) hue-rotate(20deg); }