:root{
  --accent1: #60a5fa; /* pastel blue */
  --accent2: #93c5fd; /* lighter pastel */
  --bg: #ffffff;
  --fg: #0f172a;
  --muted: #6b7280;
  --card: #fbfdff;
  --maxw: 1100px;
  font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);line-height:1.45}
.container{max-width:var(--maxw);margin:0 auto;padding:1.25rem}
header{position:sticky;top:0;z-index:40;background:linear-gradient(180deg, rgba(255,255,255,0.95), rgba(255,255,255,0.9));border-bottom:1px solid #eef2ff}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{display:flex;align-items:center;gap:.75rem}
.brand-text small{display:block;color:var(--muted)}
nav ul{display:flex;gap:.5rem;align-items:center;margin:0;padding:0;list-style:none}
nav a{padding:.45rem .6rem;border-radius:8px;color:var(--muted);text-decoration:none}
.button{background:linear-gradient(90deg,var(--accent1),var(--accent2));color:white;padding:.6rem .95rem;border-radius:10px;border:0;cursor:pointer;text-decoration:none;font-weight:600}
.btn-outline{background:transparent;border:1px solid #e6f0ff;padding:.45rem .7rem;border-radius:8px;text-decoration:none;color:var(--fg)}
.hero{display:grid;grid-template-columns:1fr 380px;gap:1.25rem;align-items:center;padding:2.5rem 0}
.eyebrow{display:inline-block;background:rgba(96,165,250,0.08);color:var(--accent1);padding:.25rem .6rem;border-radius:999px;font-weight:700}
h1{font-size:2rem;margin:.6rem 0}
.lead{color:var(--muted)}
.features{display:flex;gap:.5rem;margin-top:1rem}
.feature{background:#fff;padding:.45rem .7rem;border-radius:999px;border:1px solid #f3f7ff;font-size:.95rem}
.card{background:var(--card);padding:1rem;border-radius:12px;box-shadow:0 8px 20px rgba(12,22,39,0.04)}
.two-col{display:flex;gap:1rem;align-items:center}
.illustration img{max-width:100%;height:auto;border-radius:12px;box-shadow:0 8px 30px rgba(96,165,250,0.08)}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem}
.gallery img{width:100%;height:auto;border-radius:12px;background:linear-gradient(180deg,#fff,#f8fbff);padding:14px;box-shadow:0 8px 24px rgba(96,165,250,0.06)}
.contact-grid{display:grid;grid-template-columns:1fr 360px;gap:1rem}
.form-login input, form input, textarea{width:100%;padding:.6rem;border-radius:8px;border:1px solid #e6eef8;margin:0.45rem 0}
.alert{background:#fee2e2;color:#991b1b;padding:.6rem;border-radius:8px}
.footer-grid{display:grid;grid-template-columns:1fr 220px 220px;gap:1rem;padding:2rem 0;border-top:1px solid #f3f4f6;margin-top:2rem;color:var(--muted)}
@media (max-width:900px){.hero{grid-template-columns:1fr}.two-col{flex-direction:column}.services{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}}
