*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Arial;}
body{background:#0d1117;color:#222;}
.hero{background:linear-gradient(135deg,#ff512f,#dd2476);color:#fff;padding:50px;text-align:center;}
.box{max-width:900px;margin:-30px auto 30px;background:#fff;padding:40px;border-radius:12px;}
h2{color:#dd2476;margin:20px 0 10px;border-left:4px solid #dd2476;padding-left:10px;}
ul{padding-left:20px;}
li{margin-bottom:8px;}
.contact{background:#f4f4f4;padding:10px;border-radius:6px;}
.contact a{color:#dd2476;text-decoration:none;font-weight:bold;}
footer{text-align:center;color:#fff;padding:15px;}
@media(max-width:600px){.box{padding:20px}}