body{
 margin:0;
 padding:0;
 font-family: "Segoe UI", sans-serif;
 background:#0b0b0c;
 color:#e8e8e8;
 line-height:1.6;
}

header{
 padding:40px 20px 20px;
 text-align:center;
 background:linear-gradient(135deg,#1a1a1d,#0b0b0c);
 border-bottom:1px solid rgba(255,255,255,0.08);
}

header img{
 width:120px;
 opacity:0.95;
 margin-bottom:10px;
}

h1{
 font-size:32px;
 margin:0;
 background:linear-gradient(90deg,#ffdf7f,#ff9cff,#7fd8ff);
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
 font-weight:700;
}

.container{
 max-width:900px;
 margin:0 auto;
 padding:20px;
}

h2{
 margin-top:40px;
 font-size:24px;
 color:#ffd86b;
}

p{
 font-size:17px;
 opacity:0.92;
}

ul{
 padding-left:20px;
}

li{
 margin-bottom:10px;
}

.box{
 background:rgba(255,255,255,0.05);
 border:1px solid rgba(255,255,255,0.12);
 padding:18px 22px;
 border-radius:12px;
 margin:20px 0;
}

button{
 display:inline-block;
 margin-top:40px;
 padding:12px 22px;
 font-size:18px;
 border:none;
 border-radius:10px;
 cursor:pointer;
 background:linear-gradient(135deg,#ffd86b,#ff9cff,#7fd8ff);
 color:#000;
 font-weight:600;
}

button:hover{
 opacity:0.85;
}