body{margin:0;font-family:Manrope,sans-serif;background:#000 url('assets/hero.png') center/cover fixed;color:#fff}.ov{position:fixed;inset:0;background:rgba(0,0,0,.65)}main{position:relative;z-index:1;max-width:980px;margin:auto;padding:4rem 1.5rem;text-align:center}.logo{width:min(520px,90%)}h1{font-size:clamp(2.4rem,6vw,4.4rem)}span{color:#0D5BD7}.bar{width:120px;height:4px;background:#0D5BD7;margin:1.5rem auto}p{color:#ddd;line-height:1.8;max-width:760px;margin:auto}.btn{display:inline-block;margin:2rem;padding:1rem 2rem;border:2px solid #0D5BD7;border-radius:999px;color:#fff;text-decoration:none}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.cards div{background:rgba(0,0,0,.35);border:1px solid rgba(13,91,215,.4);padding:1rem;border-radius:12px}h3{color:#4f91ff}footer{margin-top:3rem;color:#bbb}