:root{
  --bg: #1f2a24;     /* deep earthy green */
  --panel: rgba(255,255,255,0.06);
  --text: #f3f0e8;   /* warm off-white */
  --muted: rgba(243,240,232,0.72);
  --accent: #c9a66b; /* sand/clay */
}

*{ box-sizing:border-box; }

body{
  margin:0;
  min-height:100vh;
  display:grid;
  place-items:center;
  background:
    radial-gradient(1200px 700px at 30% 20%, rgba(201,166,107,0.18), transparent 60%),
    radial-gradient(900px 600px at 80% 70%, rgba(120,170,140,0.12), transparent 55%),
    var(--bg);
  color:var(--text);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.wrap{
  width:min(860px, 92vw);
  padding:48px 28px;
  border-radius:22px;
  background:var(--panel);
  border:1px solid rgba(255,255,255,0.10);
  backdrop-filter: blur(8px);
}

.logo{
  width:160px;
  height:auto;
  display:block;
  margin:0 0 18px;
  filter: drop-shadow(0 12px 24px rgba(0,0,0,0.25));
}

h1{ margin:0 0 10px; font-size:42px; letter-spacing:0.5px; }
.tagline{ margin:0 0 10px; font-size:18px; line-height:1.6; max-width:70ch; }
.muted{ color:var(--muted); margin-top:18px; font-size:14px; }