/* Professional styling */
:root{
	--accent:#ff0000;
	--accent-dark:#cc0000;
	--muted:#6b7280;
	--bg:#f6f7fb;
	--card-bg:#ffffff;
	--text:#0f172a;
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,Segoe UI,Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);margin:0;line-height:1.45}
.container{max-width:1100px;margin:0 auto;padding:28px}
.site-header{background:#fff;border-bottom:1px solid rgba(15,23,42,0.06);box-shadow:0 1px 6px rgba(2,6,23,0.03)}
.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px}
.logo{width:56px;height:56px;border-radius:10px;background:linear-gradient(135deg,#ff7a7a,#ff3b3b)}
.logo-img{width:56px;height:56px;border-radius:10px;object-fit:cover;display:block}
.brand h1{margin:0;font-size:1.125rem}
.tag{margin:0;color:var(--muted);font-size:0.85rem}
nav{display:flex;align-items:center;gap:8px}
.btn{background:var(--accent);color:#fff;padding:9px 14px;border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;font-weight:600;transition:background .15s ease,transform .08s}
.btn:hover{background:var(--accent-dark);transform:translateY(-1px)}
.btn.secondary{background:#5865F2}
.btn.secondary svg{width:18px;height:18px;flex:0 0 18px}
.btn svg{width:18px;height:18px}
.btn.subscribe{background:linear-gradient(90deg,var(--accent),#ff6b6b)}
.primary-cta{margin-top:14px;display:inline-block;padding:12px 20px;border-radius:10px;font-weight:700}
.hero{text-align:center;padding:48px 0}
.hero #banner{max-width:100%;height:auto;border-radius:12px;display:block;margin:0 auto 20px;box-shadow:0 6px 20px rgba(15,23,42,0.06)}
.lead{color:var(--muted);margin:0 0 16px;font-size:1.05rem}
.fade-up{opacity:0;transform:translateY(12px);transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1)}
.animate-delay-1{transition-delay:.06s}
.animate-delay-2{transition-delay:.12s}
.animate-delay-3{transition-delay:.18s}
.video-wrap{display:flex;justify-content:center}
iframe{max-width:100%;width:720px;height:405px;border:0;border-radius:10px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:18px}
.card{background:var(--card-bg);border-radius:10px;overflow:hidden;box-shadow:0 8px 24px rgba(2,6,23,0.04);text-decoration:none;color:inherit;opacity:0;transform:translateY(12px);transition:transform .12s ease,box-shadow .12s,opacity .6s ease}
.card:hover{transform:translateY(-6px);box-shadow:0 18px 48px rgba(2,6,23,0.08)}
.card img{width:100%;height:auto;display:block}
.card .meta{padding:12px}
.card .title{font-size:0.98rem;margin:0;color:var(--text);font-weight:600}
.site-footer{padding:22px 0;text-align:center;color:var(--muted);border-top:1px solid rgba(15,23,42,0.04);background:#fff;margin-top:36px}
body.animate .fade-up{opacity:1;transform:none}
body.animate .card{opacity:1;transform:none}
@media(max-width:840px){iframe{width:100%;height:240px}}