:root{
  --brand:#b30000;
  --dark:#1b1b1b;
  --muted:#666;
  --bg:#f5f5f7;
  --card:#ffffff;
  --accent:#ff6b6b;
  --radius:12px;
}
*{box-sizing:border-box}
body{font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; margin:0; background:var(--bg); color:var(--dark); -webkit-font-smoothing:antialiased;}
.container{max-width:1100px; margin:0 auto; padding:28px;}
.header{background:linear-gradient(90deg,var(--brand), #e34b4b); color:#fff; padding:18px; border-radius:16px; display:flex; align-items:center; gap:18px;}
.header img{height:56px}
.nav{margin-left:auto; display:flex; gap:12px; align-items:center;}
.nav a{color:#fff; text-decoration:none; padding:8px 12px; border-radius:8px; font-weight:600; background:rgba(255,255,255,0.08); transition:background .2s}
.nav a:hover{background:rgba(255,255,255,0.12)}
.hero{display:grid; grid-template-columns:1fr 420px; gap:24px; margin-top:20px; align-items:center;}
.card{background:var(--card); border-radius:var(--radius); padding:18px; box-shadow: 0 6px 18px rgba(17,17,17,0.08);}
h1{margin:0 0 8px 0; font-size:28px}
.lead{color:var(--muted); margin-bottom:12px}
.cta{display:inline-block; background:var(--dark); color:#fff; padding:10px 16px; border-radius:10px; text-decoration:none; font-weight:700}
.stats{display:flex; gap:12px; margin-top:12px;}
.stat{flex:1; background:linear-gradient(180deg,#fff, #fafafa); padding:12px; border-radius:10px; text-align:center; box-shadow:0 6px 14px rgba(17,17,17,0.04)}
.tit{font-size:12px; color:var(--muted)}
.val{font-size:18px; font-weight:700; color:var(--brand)}
.section{margin-top:24px}
.grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px}
.table{width:100%; border-collapse:collapse;}
.table th, .table td{padding:10px; border-bottom:1px solid #eee; text-align:left}
.schedule{display:flex; flex-direction:column; gap:8px}
.footer{margin-top:30px; text-align:center; color:var(--muted); font-size:14px; padding:18px 0}
@media(max-width:900px){
  .hero{grid-template-columns:1fr; padding-bottom:6px}
  .nav{display:none}
}
.fade-in{opacity:0; transform:translateY(12px); animation:fadeIn .7s forwards}
@keyframes fadeIn{to{opacity:1; transform:none}}
.badge{display:inline-block; padding:6px 10px; background:var(--accent); color:#fff; border-radius:999px; font-weight:700; font-size:12px}
.contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:12px}
@media(max-width:700px){ .contact-grid{grid-template-columns:1fr} }

.floating-buttons{
 position:fixed;
 bottom:20px;
 right:20px;
 display:flex;
 flex-direction:column;
 gap:10px;
 z-index:9999;
}
.fb-btn{
 background:#ff5722;
 color:#fff;
 padding:10px;
 border-radius:50%;
 text-align:center;
 text-decoration:none;
 font-size:20px;
 box-shadow:0 2px 5px rgba(0,0,0,0.3);
}