:root{
  --bg: #000000;
  --text: #ffffff;
  --muted: #a0a0a0;
  --accent: #60a5fa;
  --card: #111111;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background:var(--bg);
  color:var(--text);
  line-height:1.45;
}
.container{max-width:1000px;margin:0 auto;padding:1.5rem}
.site-header{border-bottom:1px solid rgba(0,0,0,0.06);background:linear-gradient(180deg,transparent,rgba(0,0,0,0.02));}
.site-header .container{display:flex;align-items:center;justify-content:space-between}
.logo{font-weight:700;color:var(--text);text-decoration:none}
.nav a{margin-right:1rem;color:var(--muted);text-decoration:none}
#themeToggle{border:0;background:transparent;font-size:1.1rem;cursor:pointer}

.hero{padding:4rem 0;text-align:center}
.hero h1{margin:0 0 0.5rem;font-size:clamp(1.5rem,3vw,2.5rem)}
.btn{display:inline-block;background:var(--accent);color:white;padding:0.6rem 1rem;border-radius:8px;text-decoration:none;border:0;cursor:pointer}

.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}
.features article{background:var(--card);padding:1rem;border-radius:8px}

.contact{background:var(--card);padding:1rem;border-radius:8px}
.contact label{display:block;margin-top:0.75rem;font-weight:600}
.contact input,.contact textarea{width:100%;padding:0.5rem;margin-top:0.25rem;border-radius:6px;border:1px solid rgba(0,0,0,0.08);background:transparent;color:var(--text)}
.form-actions{display:flex;gap:1rem;align-items:center;margin-top:1rem}
.site-footer{padding:1rem 0;border-top:1px solid rgba(0,0,0,0.06);margin-top:2rem;text-align:center;color:var(--muted)}

@media(prefers-reduced-motion: no-preference){
  .btn{transition:transform .18s ease, box-shadow .18s ease}
  .btn:active{transform:translateY(1px)}
}

.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

.big-button {
  font-size: 2rem;
  padding: 1rem 2rem;
  background: var(--accent);
  color: white;
  border: none;
  border-radius: 15px;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  margin: 2rem 0;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.big-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);
}

.big-button:active {
  transform: translateY(1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.rejection {
  font-size: 1.5rem;
  margin-top: 2rem;
  margin-bottom: 0.5rem;
  color: var(--muted);
  font-style: italic;
}

.rejection a {
  color: inherit;
  text-decoration: none;
  border-bottom: 2px solid var(--muted);
  transition: color 0.2s ease, border-color 0.2s ease;
}

.rejection a:hover {
  color: var(--text);
  border-color: var(--text);
}

.alternative {
  font-size: 1.5rem;
  color: var(--accent);
  font-style: italic;
}

.alternative a {
  color: inherit;
  text-decoration: none;
  border-bottom: 2px solid var(--accent);
  transition: opacity 0.2s ease;
}

.alternative a:hover {
  opacity: 0.8;
}

.final-decision {
  font-size: 1.5rem;
  color: var(--text);
  font-style: italic;
  text-align: right;
  margin-top: 1.5rem;
  font-weight: bold;
}

.final-decision a {
  color: inherit;
  text-decoration: none;
  border-bottom: 2px solid var(--accent);
  transition: color 0.2s ease, border-color 0.2s ease;
}

.final-decision a:hover {
  color: var(--accent);
}