:root{
--gold:#c9993a;
--bg:#090c10;
--card:#141a22;
--text:#eef2f5;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
.container{width:min(1200px,92%);margin:auto}
.header{position:sticky;top:0;background:rgba(9,12,16,.95);backdrop-filter:blur(12px)}
.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
.nav nav{display:flex;gap:24px;align-items:center}
.nav a{color:white;text-decoration:none}
.logo{font-size:1.5rem;font-weight:700;color:var(--gold)}
.hero{min-height:100vh;display:flex;align-items:center;text-align:center}
.hero h1{font-size:clamp(2.5rem,6vw,5rem);margin:16px 0}
.eyebrow{color:var(--gold);letter-spacing:.2em}
.hero-actions{display:flex;gap:16px;justify-content:center;margin-top:24px}
.btn{background:var(--gold);color:black;padding:14px 24px;border-radius:8px;text-decoration:none;border:none}
.ghost{background:transparent;color:white;border:1px solid var(--gold)}
.section{padding:90px 0}
.alt{background:#10151c}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}
.card{background:var(--card);padding:30px;border:1px solid rgba(201,153,58,.3);border-radius:16px}
.timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:30px}
.timeline div,.form input,.form select,.form textarea{background:var(--card);padding:16px;border-radius:12px;border:1px solid #2a3442;color:white}
.form{display:grid;gap:16px;max-width:700px}
@media(max-width:768px){
.nav nav{display:none}
.grid{grid-template-columns:1fr}
.timeline{grid-template-columns:1fr}
.hero-actions{flex-direction:column}
}