*{margin:0;padding:0;box-sizing:border-box}
body{background:#0a0a1a;color:#ccc;font-family:'Segoe UI',Tahoma,sans-serif;min-height:100vh;line-height:1.7}
.topbar{display:flex;align-items:center;padding:10px 20px;background:linear-gradient(135deg,rgba(26,0,50,.8),rgba(0,10,40,.8));border-bottom:1px solid rgba(100,60,200,.3)}
.topbar img{height:40px;width:auto;margin-right:10px}
.topbar span{font-size:14px;font-weight:700;background:linear-gradient(135deg,#b388ff,#448aff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px}
.container{max-width:800px;margin:0 auto;padding:40px 20px}
h1{font-size:clamp(24px,4vw,36px);font-weight:900;background:linear-gradient(135deg,#b388ff,#448aff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px;text-align:center}
h2{font-size:20px;font-weight:700;color:#b388ff;margin:24px 0 12px;border-bottom:1px solid rgba(100,60,200,.2);padding-bottom:8px}
p{margin-bottom:16px;font-size:15px}
a{color:#448aff;text-decoration:none}
a:hover{text-decoration:underline}
ul{margin:0 0 16px 20px}
li{margin-bottom:8px}
footer{text-align:center;padding:30px 20px;color:#444;font-size:12px;letter-spacing:2px;border-top:1px solid rgba(255,255,255,.06);margin-top:40px}
footer a{color:#666}