/* Styles for Sky Eagles static site */
:root{
  --bg:#f7f8fb; --primary:#0d3b66; --accent:#f0a500; --muted:#6b7280; --card:#ffffff;
  --radius:14px; --container:1100px;
  font-family: 'Cairo', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:#111;line-height:1.6}
.container{max-width:var(--container);margin:0 auto;padding:1rem}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 0}
.site-header{background:linear-gradient(90deg,rgba(13,59,102,.98),rgba(13,59,102,.9));color:#fff;position:sticky;top:0;z-index:50;box-shadow:0 4px 18px rgba(0,0,0,.08)}
.logo{font-weight:700;font-size:1.25rem;color:#fff;text-decoration:none}
.main-nav{display:flex;gap:1rem;align-items:center}
.main-nav a{color:#fff;text-decoration:none;padding:0.5rem 0.6rem;border-radius:8px}
.main-nav a.btn-primary{background:var(--accent);color:#07203b;padding:0.5rem 0.9rem}
.nav-toggle{display:none;background:transparent;border:0;color:#fff;font-size:1.2rem;padding:0.5rem}

.hero{padding:3rem 0;background:linear-gradient(180deg, rgba(13,59,102,0.08), rgba(240,165,0,0.02));}
.hero-grid{display:grid;grid-template-columns:1fr 480px;gap:2rem;align-items:center}
.hero-text h1{font-size:2.2rem;margin:0 0 .5rem;color:var(--primary)}
.hero-text h1 span{color:var(--accent)}
.hero p{color:var(--muted);margin-bottom:1rem}
.hero-media img{width:100%;border-radius:12px;box-shadow:0 8px 30px rgba(13,59,102,.12)}

.btn{background:var(--primary);color:#fff;padding:.6rem 1rem;border-radius:10px;border:0;cursor:pointer;text-decoration:none}
.btn:hover{transform:translateY(-2px)}
.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary);padding:.5rem .9rem;border-radius:10px;cursor:pointer}
.btn-outline.small{padding:.3rem .6rem;font-size:.95rem}
.btn-outline:hover{background:rgba(13,59,102,.04)}

.section{padding:2.4rem 0}
.section.gray{background:#f3f6fb}
.section-title{font-size:1.4rem;margin-bottom:1rem;color:var(--primary)}

.card{background:var(--card);padding:1rem;border-radius:12px;box-shadow:0 8px 24px rgba(13,59,102,.06)}
.bullets{display:flex;gap:1rem;flex-wrap:wrap;margin:1rem 0 0;padding:0;list-style:none}
.bullets li{background:#f7f9fc;padding:.5rem .75rem;border-radius:8px;color:var(--muted)}

.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.course-card{background:var(--card);padding:1rem;border-radius:12px;box-shadow:0 8px 18px rgba(3,10,20,.04)}
.course-card h3{margin:0 0 .5rem}
.course-meta{font-size:.85rem;color:var(--muted);margin-top:.75rem}

.grid{display:grid;gap:1rem}
.three-grid{grid-template-columns:repeat(3,1fr)}
.feature{background:var(--card);padding:1rem;border-radius:12px;text-align:center;box-shadow:0 8px 18px rgba(3,10,20,.04)}

.branches-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.branch-card{background:var(--card);padding:1rem;border-radius:12px;box-shadow:0 8px 18px rgba(3,10,20,.04)}

.narrow{max-width:720px;margin:0 auto}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.8rem}
.form-grid label{display:block}
.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:.6rem;border-radius:8px;border:1px solid #e6edf3;background:#fff}
.form-grid textarea{min-height:100px;resize:vertical;grid-column:1/-1}
.form-actions{grid-column:1/-1;display:flex;gap:.5rem;align-items:center}
.form-msg{margin-top:.75rem;color:green}

.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}

.site-footer{padding:1rem 0;background:#071a2b;color:#fff;margin-top:1.5rem}

@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr;grid-auto-rows:min-content}
  .cards-grid{grid-template-columns:repeat(2,1fr)}
  .three-grid{grid-template-columns:1fr}
  .branches-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .main-nav{display:none}
  .nav-toggle{display:block}
  .cards-grid{grid-template-columns:1fr}
  .container{padding:1rem}
  .form-grid{grid-template-columns:1fr}
}