body{
    margin:0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto;
    background:#0f131a;
    color:#e6e9ef;
    line-height:1.6;
}
.container{max-width:1100px;margin:auto;padding:60px 20px}
.hero{display:grid;grid-template-columns:1.1fr 0.9fr;gap:40px;align-items:center}
h1{font-size:42px;margin-bottom:20px}
h2{margin-top:60px}
p{color:#b8c0cc}
.btn{
    display:inline-block;
    padding:14px 28px;
    background:linear-gradient(135deg,#4f7cff,#6aa9ff);
    color:#fff;
    text-decoration:none;
    border-radius:8px;
    font-weight:600;
}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.card{
    background:#151b26;
    padding:24px;
    border-radius:14px;
}
footer{
    border-top:1px solid #222;
    padding:30px 20px;
    text-align:center;
    font-size:14px;
    color:#888;
}
a{color:#7aa2ff}
@media(max-width:900px){
    .hero{grid-template-columns:1fr}
    h1{font-size:34px}
}