:root { --navy: #0F172A; --gold: #C5A059; --white: #FFFFFF; --light: #F8FAFC; }
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Inter', sans-serif; color: #1E293B; line-height: 1.6; }
header { background: var(--navy); padding: 1.2rem 5%; display: flex; justify-content: space-between; align-items: center; position: sticky; top: 0; z-index: 100; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
.logo { color: var(--white); font-weight: 700; text-decoration: none; font-size: 1.5rem; font-family: 'Montserrat'; }
.logo span { color: var(--gold); }
nav a { color: var(--white); text-decoration: none; margin-left: 2rem; font-size: 0.9rem; transition: 0.3s; }
nav a:hover { color: var(--gold); }
.hero { background: linear-gradient(rgba(15,23,42,0.8), rgba(15,23,42,0.8)), url('https://images.unsplash.com/photo-1541963463532-d68292c34b19?q=80&w=1200') center/cover; height: 75vh; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; color: var(--white); padding: 0 10%; }
.hero h1 { font-size: 3.5rem; font-family: 'Montserrat'; margin-bottom: 1rem; }
.btn { background: var(--gold); color: var(--navy); padding: 1rem 2.5rem; text-decoration: none; font-weight: 700; border-radius: 4px; display: inline-block; transition: 0.3s; border: none; cursor: pointer; }
.btn:hover { background: #A38445; transform: translateY(-2px); }
.section { padding: 5rem 10%; }
.premium-form { max-width: 600px; margin: 2rem auto; background: var(--light); padding: 3rem; border-radius: 8px; display: flex; flex-direction: column; gap: 1.2rem; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
.premium-form input, .premium-form select, .premium-form textarea { padding: 1rem; border: 1px solid #E2E8F0; border-radius: 4px; width: 100%; font-size: 1rem; }
footer { background: #080C14; color: #94A3B8; padding: 4rem 10%; text-align: center; }
@media (max-width: 768px) { .hero h1 { font-size: 2.2rem; } nav { display: none; } }