body{margin:0;background:#050505;color:#fff;font-family:system-ui}
.hero{min-height:100vh;padding:60px 20px;background:radial-gradient(circle at top right,#0a2a7a,#050505)}
.hero-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
.badge{display:inline-block;background:#121212;padding:12px 18px;border-radius:40px}
h1{font-size:68px;line-height:1.05}
h1 span{color:#2f6fff}
p{font-size:20px;color:#ccc}
.search{background:#111;padding:22px;border-radius:18px;margin:24px 0}
.tags span,.card{background:#111;padding:14px 18px;border-radius:18px;display:inline-block;margin:8px}
.right{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.card{display:flex;flex-direction:column;font-size:30px;font-weight:700;padding:32px}
small{font-size:14px;color:#aaa;margin-top:8px}
@media(max-width:768px){
.hero-grid{grid-template-columns:1fr}
h1{font-size:46px}
.right{grid-template-columns:1fr 1fr}
}