:root {
  --red: #C41E3A;
  --blue: #1B3A6B;
  --dark: #0F172A;
  --gray: #F8FAFC;
  --text: #334155;
  --muted: #64748B;
  --white: #ffffff;
}
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; color:var(--text); line-height:1.65; background:var(--white); }
a { text-decoration:none; color:inherit; transition:0.2s; }
img { max-width:100%; height:auto; display:block; }
.container { width:92%; max-width:1140px; margin:0 auto; }

.top-bar { background:var(--dark); color:#94A3B8; font-size:0.8rem; padding:8px 0; }
.top-bar .container { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; }
.top-bar a { color:#E2E8F0; } .top-bar a:hover { color:var(--red); }

.main-header { background:var(--white); box-shadow:0 1px 10px rgba(0,0,0,0.06); position:sticky; top:0; z-index:100; }
.main-header .container { display:flex; justify-content:space-between; align-items:center; padding:12px 0; }
.logo img { height:44px; width:auto; }
nav ul { display:flex; list-style:none; gap:22px; align-items:center; }
nav a { font-weight:500; font-size:0.9rem; color:var(--dark); }
nav a:hover, nav a.active { color:var(--red); }
nav a.active { border-bottom:2px solid var(--red); padding-bottom:2px; }

.btn { display:inline-block; padding:10px 22px; border-radius:6px; font-weight:600; font-size:0.88rem; border:none; cursor:pointer; transition:0.2s; }
.btn-primary { background:var(--red); color:white; }
.btn-primary:hover { background:#9F1830; transform:translateY(-1px); box-shadow:0 4px 12px rgba(196,30,58,0.28); }
.btn-white { background:white; color:var(--red); }
.btn-white:hover { background:#F1F5F9; }
.btn-outline { border:2px solid var(--red); color:var(--red); background:transparent; }
.btn-outline:hover { background:var(--red); color:white; }

.hero { background:linear-gradient(135deg,rgba(15,23,42,0.78),rgba(27,58,107,0.7)), url('station-02.jpg') center/cover no-repeat; color:white; padding:100px 0 85px; text-align:center; }
.hero h1 { font-size:2.9rem; font-weight:800; letter-spacing:-0.4px; margin-bottom:14px; line-height:1.15; }
.hero p { font-size:1.15rem; max-width:620px; margin:0 auto 28px; opacity:0.94; }
.hero-btns { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }

section { padding:68px 0; }
.section-title { text-align:center; margin-bottom:42px; }
.section-title h2 { font-size:2.1rem; color:var(--dark); margin-bottom:8px; font-weight:700; }
.section-title p { color:var(--muted); max-width:540px; margin:0 auto; font-size:1.02rem; }
.bg-gray { background:var(--gray); }

.services-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:22px; }
.service-card { background:white; border-radius:10px; padding:26px 20px; text-align:center; box-shadow:0 2px 10px rgba(0,0,0,0.04); border-top:3px solid var(--red); transition:0.25s; }
.service-card:hover { transform:translateY(-5px); box-shadow:0 10px 24px rgba(0,0,0,0.09); }
.service-icon { width:54px; height:54px; background:linear-gradient(135deg,var(--red),#E63946); border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 14px; font-size:1.4rem; color:white; }
.service-card h3 { font-size:1.1rem; margin-bottom:6px; color:var(--dark); }
.service-card p { color:var(--muted); font-size:0.9rem; }

.feature-row { display:grid; grid-template-columns:1fr 1fr; gap:44px; align-items:center; }
.feature-content h2 { font-size:1.8rem; margin-bottom:12px; color:var(--dark); }
.feature-content p { margin-bottom:12px; }
.feature-content ul { list-style:none; margin:16px 0; }
.feature-content li { padding:6px 0 6px 24px; position:relative; }
.feature-content li::before { content:'✓'; position:absolute; left:0; color:var(--red); font-weight:700; }
.feature-img { border-radius:12px; overflow:hidden; box-shadow:0 10px 28px rgba(0,0,0,0.12); }
.feature-img img { width:100%; }

.stats { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; text-align:center; }
.stat-item h3 { font-size:2.3rem; color:var(--red); font-weight:800; }
.stat-item p { color:var(--muted); margin-top:3px; font-size:0.9rem; }

.cta-box { background:linear-gradient(135deg,var(--red),#8B1528); color:white; border-radius:12px; padding:48px 32px; text-align:center; }
.cta-box h2 { font-size:1.9rem; margin-bottom:10px; }
.cta-box p { font-size:1.05rem; max-width:560px; margin:0 auto 24px; opacity:0.95; }

.page-hero { background:linear-gradient(135deg,var(--dark),var(--blue)); color:white; padding:64px 0 50px; text-align:center; }
.page-hero h1 { font-size:2.4rem; margin-bottom:6px; }
.page-hero p { opacity:0.9; font-size:1.05rem; }

.content-block { max-width:740px; margin:0 auto; }
.content-block h2 { font-size:1.55rem; margin:32px 0 10px; color:var(--dark); }
.content-block p { margin-bottom:12px; }

.station-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:24px; }
.station-card { background:white; border-radius:10px; overflow:hidden; box-shadow:0 2px 12px rgba(0,0,0,0.05); transition:0.25s; }
.station-card:hover { transform:translateY(-4px); box-shadow:0 10px 24px rgba(0,0,0,0.1); }
.station-card img { width:100%; height:200px; object-fit:cover; }
.station-card .info { padding:18px; }
.station-card h3 { margin-bottom:3px; color:var(--dark); font-size:1.15rem; }
.station-card .meta { color:var(--muted); font-size:0.82rem; margin-bottom:8px; }

.contact-form { background:white; padding:32px; border-radius:10px; box-shadow:0 2px 16px rgba(0,0,0,0.05); }
.form-group { margin-bottom:16px; }
.form-group label { display:block; margin-bottom:4px; font-weight:500; font-size:0.88rem; }
.form-group input, .form-group textarea, .form-group select { width:100%; padding:10px 12px; border:1px solid #CBD5E1; border-radius:6px; font-size:0.92rem; font-family:inherit; }
.form-group input:focus, .form-group textarea:focus { outline:none; border-color:var(--red); }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }

footer { background:var(--dark); color:#94A3B8; padding:48px 0 22px; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:32px; margin-bottom:32px; }
.footer-brand h3 { color:white; font-size:1.2rem; margin-bottom:10px; }
.footer-brand p { font-size:0.88rem; line-height:1.7; }
.footer-col h4 { color:white; margin-bottom:12px; font-size:0.92rem; }
.footer-col ul { list-style:none; }
.footer-col li { margin-bottom:7px; font-size:0.88rem; }
.footer-col a:hover { color:var(--red); }
.footer-bottom { border-top:1px solid #1E293B; padding-top:18px; text-align:center; font-size:0.82rem; }

@media (max-width:900px) {
  .feature-row { grid-template-columns:1fr; }
  .stats { grid-template-columns:1fr 1fr; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .hero h1 { font-size:2.2rem; }
  nav ul { gap:12px; }
}
@media (max-width:600px) {
  .main-header .container { flex-direction:column; gap:10px; }
  nav ul { flex-wrap:wrap; justify-content:center; }
  .stats { grid-template-columns:1fr; }
  .footer-grid { grid-template-columns:1fr; }
  .form-row { grid-template-columns:1fr; }
  .hero { padding:65px 0 50px; }
}