body{margin:0;font-family:Arial,sans-serif;background:#0b1220;color:#e8eef9;line-height:1.7}
header{background:#101a2f;padding:18px 40px;border-bottom:1px solid #1e2d4f;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:14px}
.logo img{height:48px}
nav a{color:#fff;margin-left:18px;text-decoration:none;font-weight:bold}
.hero{padding:80px 40px;background:linear-gradient(135deg,#07111f,#10213d)}
.hero h1{font-size:48px;margin-bottom:20px}
.hero p{max-width:760px;font-size:18px;color:#c8d7f0}
.container{max-width:1280px;margin:auto;padding:40px;display:flex;gap:30px}
.main{flex:3}
.sidebar{flex:1;background:#121d33;padding:20px;border-radius:12px;height:fit-content;position:sticky;top:20px}
.card{background:#121d33;padding:25px;border-radius:12px;margin-bottom:25px;border:1px solid #203050}
.card h2{color:#58a6ff}
.card a{color:#58a6ff;text-decoration:none}
footer{background:#101a2f;text-align:center;padding:30px;margin-top:50px;border-top:1px solid #1e2d4f}
ul{padding-left:20px}
.meta{font-size:13px;color:#8fa5c9}