body {font-family:Poppins,sans-serif;background:#0b0b14;color:white;margin:0;padding:0;}
header{padding:20px;text-align:center;font-weight:700;background:#111;}
.hero{padding:60px;text-align:center;position:relative;}
.hero .gradient{background:linear-gradient(90deg,#00f,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.subtitle{opacity:0.8;margin-bottom:20px;}
button{padding:12px 24px;margin:10px;border:none;border-radius:6px;cursor:pointer;background:#0ff;color:#000;font-weight:600;}
.cards{display:flex;justify-content:center;gap:20px;margin:40px auto;max-width:900px;}
.card{background:rgba(255,255,255,0.05);padding:20px;border-radius:12px;backdrop-filter:blur(10px);flex:1;text-align:center;}
.timeline{list-style:none;padding:0;max-width:600px;margin:auto;}
.timeline li{margin:15px 0;padding:10px;border-left:3px solid #0ff;padding-left:10px;}
.claim-card{background:rgba(255,255,255,0.05);padding:20px;border-radius:12px;backdrop-filter:blur(10px);max-width:400px;margin:auto;text-align:center;}
#referral{text-align:center;padding:40px;}
#refLink{width:80%;padding:10px;border:none;border-radius:6px;text-align:center;}
details{margin:10px 0;}
footer{padding:20px;text-align:center;background:#111;}
.token-chart{max-width:500px;margin:40px auto;}
#tokenPie{width:100%!important;height:300px!important;}