:root {
  --primary: #901830;
  --secondary: #184878;
  --muted: #f7f8fa;
  --text: #1f2937;
}

*{box-sizing:border-box;}
body{font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; margin:0; color:var(--text); background:white;}
.container{max-width:1100px;margin:0 auto;padding:0 20px;}

/* Header */
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,0.97);backdrop-filter:saturate(140%) blur(4px);border-bottom:1px solid rgba(0,0,0,0.04);}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0;}
.site-logo{height:68px;}
.nav a{color:var(--text);text-decoration:none;margin-left:18px;font-weight:600;opacity:0.9;}
.nav a:hover{color:var(--primary);}

/* Hero */
.hero{padding:84px 0 56px;background:linear-gradient(180deg, rgba(0,0,0,0.02), rgba(0,0,0,0.01));display:flex;align-items:center;justify-content:center;text-align:center;}
.hero-card{background:linear-gradient(180deg, rgba(255,255,255,1), rgba(253,253,254,1));border-radius:14px;box-shadow:0 12px 40px rgba(16,24,40,0.08);padding:40px;max-width:780px;}
.hero-card h1{margin:0;font-size:2.3rem;color:var(--primary);}
.tagline{margin:12px 0 18px;color:#374151;}
.btn{display:inline-block;padding:12px 20px;border-radius:999px;text-decoration:none;font-weight:700;}
.btn-primary{background:var(--primary);color:white;box-shadow:0 8px 24px rgba(0,0,0,0.08);transition:transform .16s ease;}
.btn-primary:hover{transform:translateY(-3px);}

/* Services */
.services-grid{padding:56px 0;}
.services-grid h2{text-align:center;color:var(--primary);}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:24px;}
.card{background:var(--muted);padding:20px;border-radius:12px;text-align:center;transition:transform .16s ease,box-shadow .16s ease;}
.card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(16,24,40,0.06);}
.card h3{margin-top:12px;color:var(--primary);}
.card p{color:#374151;margin-top:8px;}
.icon{width:46px;height:46px;color:var(--secondary);stroke:currentColor;margin:0 auto;}

/* About */
.about{padding:44px 0;text-align:center;}
.about h2{color:var(--primary);}
.about p{max-width:820px;margin:14px auto;color:#475569;}

/* Contact */
.contact{padding:36px 0 80px;text-align:center;}
.contact-form{max-width:640px;margin:12px auto 0;display:grid;gap:12px;}
.contact-form input,.contact-form textarea{padding:12px 14px;border:1px solid #e6e9ef;border-radius:8px;font-size:1rem;}
.btn-secondary{background:transparent;border:2px solid var(--primary);color:var(--primary);padding:10px 16px;border-radius:10px;font-weight:700;}
.btn-secondary:hover{background:var(--primary);color:white;}

/* Footer */
.site-footer{background:#0b1722;color:#dbe9ff;padding:20px 0;text-align:center;}

/* Responsive */
@media (max-width:720px){.header-inner{flex-direction:column;gap:10px}.site-logo{height:60px}.hero-card{padding:24px}}
