body{
margin:0;
font-family:Arial,Helvetica,sans-serif;
background:linear-gradient(135deg,#0f172a,#1d4ed8);
color:#222;
}
.hero{
min-height:100vh;
display:flex;
align-items:center;
justify-content:center;
padding:2rem;
}
.card{
max-width:850px;
background:#fff;
border-radius:16px;
padding:40px;
box-shadow:0 18px 45px rgba(0,0,0,.25);
}
h1{margin-top:0;color:#0f172a;font-size:3rem}
.tag{color:#2563eb;font-weight:bold}
.sections{
display:grid;
grid-template-columns:1fr 1fr;
gap:2rem;
margin-top:2rem;
}
h2{border-bottom:2px solid #e5e7eb;padding-bottom:.4rem}
ul{padding-left:1.2rem}
footer{
margin-top:2rem;
padding-top:1rem;
border-top:1px solid #ddd;
text-align:center;
color:#666;
}
@media(max-width:700px){
.sections{grid-template-columns:1fr}
h1{font-size:2.2rem}
.card{padding:24px}
}