*{box-sizing:border-box;margin:0}body{font-family:Segoe UI,Roboto,Arial,sans-serif;background:#0b0618;color:#eee;line-height:1.6}
.wrap{max-width:1100px;margin:auto;padding:0 20px}a{color:#ffd24a}
header{position:sticky;top:0;background:#0b0618ee;backdrop-filter:blur(8px);z-index:9;border-bottom:1px solid #2a1a55}
.nav{display:flex;justify-content:space-between;align-items:center;height:64px}.brand{font-size:24px;font-weight:800}.brand span{color:#ffd24a}
nav a{color:#ccc;text-decoration:none;margin-left:22px}nav a:hover{color:#ffd24a}
.hero{position:relative;overflow:hidden;padding:110px 0 90px;text-align:center;background:radial-gradient(circle at 30% 20%,#5b2bd1 0,transparent 45%),radial-gradient(circle at 80% 60%,#c2185b66 0,transparent 45%),#0b0618}
.pill{background:#ffffff14;border:1px solid #ffd24a55;padding:6px 16px;border-radius:99px;font-size:14px}
h1{font-size:clamp(40px,8vw,76px);line-height:1.05;margin:22px 0}h1 em{font-style:normal;background:linear-gradient(90deg,#ffd24a,#ff7a18);-webkit-background-clip:text;color:transparent}
.hero p{max-width:600px;margin:0 auto 30px;color:#c9c0e6;font-size:18px}
.btn{display:inline-block;background:linear-gradient(135deg,#ffd24a,#ff7a18);color:#210b00;font-weight:800;text-decoration:none;padding:12px 24px;border-radius:12px;box-shadow:0 6px 24px #ff7a1855;transition:.2s;text-align:center}
.btn:hover{transform:translateY(-3px) scale(1.03)}.big{padding:16px 38px;font-size:18px}
.stats{display:flex;justify-content:center;gap:44px;margin-top:50px;flex-wrap:wrap}.stats div{color:#b9aedf;font-size:14px}.stats b{display:block;font-size:30px;color:#ffd24a}
.chip{position:absolute;font-size:50px;opacity:.6;animation:fl 6s ease-in-out infinite}.c1{left:8%;top:25%}.c2{right:10%;top:20%;animation-delay:1s}.c3{right:20%;bottom:10%;animation-delay:2s}
@keyframes fl{50%{transform:translateY(-20px) rotate(10deg)}}
h2{font-size:34px;text-align:center;margin:80px 0 6px}.sub{text-align:center;color:#a99fd0;margin-bottom:30px}
.card{display:grid;grid-template-columns:50px 70px 1.3fr 1.5fr 160px;gap:18px;align-items:center;background:linear-gradient(135deg,#1a0f3a,#130a2b);border:1px solid #33206b;border-radius:18px;padding:20px;margin-bottom:16px;transition:.25s}
.card:hover{border-color:#ffd24a;transform:translateY(-4px);box-shadow:0 10px 40px #5b2bd144}.card:first-child{border-color:#ffd24a}
.rank{font-size:22px;font-weight:800;color:#ffd24a}.logo{font-size:38px;width:70px;height:70px;display:grid;place-items:center;background:#2a1a55;border-radius:16px}
.stars{color:#ffd24a}.stars b{color:#fff}.feat{color:#8be0a8;font-size:14px}.bonus small{color:#a99fd0;letter-spacing:1px;font-size:11px}.bonus strong{display:block;font-size:17px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:30px}
.box{background:#150d30;border:1px solid #2f1f60;border-radius:16px;padding:26px;text-align:center}.box span{font-size:38px}.box h3{margin:10px 0 6px}.box p{color:#b3a9d6;font-size:15px}
.faq{max-width:760px;margin:30px auto 0}details{background:#150d30;border:1px solid #2f1f60;border-radius:12px;padding:16px 20px;margin-bottom:10px}summary{cursor:pointer;font-weight:600}details p{margin-top:10px;color:#b3a9d6}
footer{margin-top:90px;padding:40px 0;background:#070312;text-align:center;border-top:1px solid #2a1a55}.small{font-size:12px;color:#8d83b3;margin-top:10px}
@media(max-width:800px){.card{grid-template-columns:50px 1fr;text-align:left}.logo{display:none}.card .btn,.bonus,.info{grid-column:1/-1}nav{display:none}}