@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&family=Space+Mono:wght@700&display=swap');
:root{--bg:#12161d;--panel:#1a202a;--panel2:#202738;--line:#2a3242;--text:#f4f0ff;--muted:#aaa5ba;--purple:#8c4bff;--violet:#6723ef;--pink:#d62abe;--gold:#e5aa48}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}button,a,input{font:inherit}button{color:inherit}.topbar{height:82px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;gap:28px;position:sticky;top:0;z-index:20;background:rgba(18,22,29,.93);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:9px;border:0;background:none;font-weight:900;font-size:21px;cursor:pointer}.logo small{color:#b6afc8;font-size:8px;letter-spacing:.14em;align-self:flex-end;margin:0 0 8px -43px;transform:translateY(10px)}.logo-icon{display:grid;place-items:center;width:36px;height:36px;border:3px solid var(--purple);clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%);color:#bd8aff}.topbar nav{display:flex;gap:34px;align-self:stretch}.topbar nav button{position:relative;border:0;background:none;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.topbar nav button.active,.topbar nav button:hover{color:#fff}.topbar nav button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--purple),var(--pink))}.rollbux-link,.cta{display:flex;align-items:center;gap:16px;background:linear-gradient(120deg,var(--violet),#7d25fa);border:1px solid #9f58ff;color:#fff;padding:14px 18px;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.08em;border-radius:9px;box-shadow:0 0 25px rgba(114,42,241,.2)}.rollbux-link span,.cta b{font-size:17px}.tab{display:none}.tab.active{display:block}.hero{min-height:665px;padding:80px 7vw;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 74% 45%,rgba(105,35,239,.23),transparent 34%),linear-gradient(120deg,#12161d 45%,#171827)}.hero-copy{position:relative;z-index:2}.kicker{margin:0 0 20px;color:#b7b1c8;font:700 10px/1 Space Mono,monospace;letter-spacing:.19em}.kicker span{display:inline-block;width:21px;height:2px;margin:0 9px 3px 0;background:linear-gradient(90deg,var(--purple),var(--pink))}h1,h2,h3,p{margin-top:0}.hero h1,.inner h1,.coming h1{margin:0;font-size:clamp(58px,7vw,105px);line-height:.87;letter-spacing:-.075em;font-weight:900}.hero h1 em,.inner h1 em{font-style:normal;background:linear-gradient(90deg,#9e62ff,#dd39bd);background-clip:text;color:transparent}.intro{max-width:480px;margin:26px 0 0;color:#aaa7b6;line-height:1.7}.intro b{color:#fff}.actions{display:flex;align-items:center;gap:28px;margin-top:36px}.secondary{padding:12px 0;border:0;border-bottom:1px solid #6c6678;background:none;font-size:10px;font-weight:800;letter-spacing:.11em;cursor:pointer}.hero-visual{height:450px;position:relative}.hex-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(30deg,#7f41d4 12%,transparent 12.5%,transparent 87%,#7f41d4 87.5%,#7f41d4),linear-gradient(150deg,#7f41d4 12%,transparent 12.5%,transparent 87%,#7f41d4 87.5%,#7f41d4);background-size:42px 72px}.orb{position:absolute;border-radius:50%;filter:blur(55px)}.orb-a{width:260px;height:260px;left:17%;top:18%;background:rgba(112,42,244,.4)}.orb-b{width:160px;height:160px;right:3%;bottom:3%;background:rgba(222,37,181,.28)}.reward-ticket{position:absolute;left:17%;top:22%;width:340px;height:205px;padding:43px 38px;background:linear-gradient(135deg,#242b3b,#2c1e4f);border:1px solid #8f48ff;box-shadow:0 25px 70px #07090d,0 0 40px rgba(121,49,245,.3);transform:rotate(-7deg);clip-path:polygon(0 5%,95% 0,100% 91%,7% 100%)}.reward-ticket small,.reward-ticket span{display:block;font:700 9px Space Mono,monospace;letter-spacing:.17em;color:#b6aec9}.reward-ticket strong{display:block;margin:10px 0 17px;font-size:54px;line-height:.8;letter-spacing:-.08em;background:linear-gradient(90deg,#a66aff,#ee3fbd);background-clip:text;color:transparent}.reward-ticket span{padding-top:12px;border-top:1px solid #59417f}.coin{position:absolute;display:grid;place-items:center;right:9%;top:4%;width:95px;height:95px;clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%);background:linear-gradient(135deg,#f4c46b,#9d5d20);color:#704117;font-size:37px;font-weight:900;border:8px solid #f1bd63;transform:rotate(18deg);filter:drop-shadow(0 15px 25px #08090d)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);background:#10141b}.stats article{min-height:138px;display:grid;place-content:center;text-align:center;border-right:1px solid var(--line)}.stats article:last-child{border:0}.stats small,.stats span{color:#8f8a9d;font:700 9px Space Mono,monospace;letter-spacing:.14em}.stats strong{margin:8px 0 3px;color:#a76aff;font-size:30px}.stats .online{color:#fff;font-size:22px}.online i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#8b50ff;box-shadow:0 0 12px #9c5bff}.uploads{padding:90px 7vw 110px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.section-title h2,.lookup h2{margin:0;font-size:clamp(36px,5vw,62px);line-height:.9;letter-spacing:-.06em}.section-title a{color:#ccc6d8;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.11em}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.video-box{aspect-ratio:16/9;position:relative;display:grid;place-items:center;border:1px solid #3c2f59;border-radius:10px;background:radial-gradient(circle,#3b216a,transparent 60%),#1a202a;overflow:hidden}.video-box:after{content:"DUDEZ";position:absolute;font-size:64px;font-weight:900;opacity:.05;transform:rotate(-8deg)}.video-box.alt{background:radial-gradient(circle,#4d224d,transparent 60%),#1a202a}.video-box.third{background:radial-gradient(circle,#252a65,transparent 60%),#1a202a}.video-box button{display:grid;place-items:center;width:50px;height:50px;position:relative;z-index:2;border:1px solid #b66bff;border-radius:50%;background:linear-gradient(135deg,var(--violet),var(--pink));color:#fff;cursor:pointer}.video-box span{position:absolute;left:13px;bottom:11px;color:#8f879f;font:700 8px Space Mono;letter-spacing:.13em}.video-grid article>small{display:block;margin:15px 0 7px;color:#a769ff;font-size:9px;font-weight:800;letter-spacing:.12em}.video-grid h3{color:#c1bccb;font-size:14px}.inner,.coming{min-height:calc(100vh - 82px);padding:85px 7vw;background:radial-gradient(circle at 82% 18%,rgba(118,38,238,.2),transparent 34%)}.inner h1{font-size:clamp(58px,7vw,95px)}.rate-card{margin:50px 0;padding:35px 45px;display:grid;grid-template-columns:1fr 1.5fr;align-items:center;border:1px solid #7b42d4;border-radius:10px;background:linear-gradient(110deg,#232a39,#292044);box-shadow:0 0 30px rgba(105,35,239,.12)}.rate-card>div{display:flex;flex-direction:column}.rate-card small{color:#aaa3bb;font:700 10px Space Mono;letter-spacing:.15em}.rate-card strong{font-size:70px;color:#aa6dff;letter-spacing:-.08em}.rate-card b{font-size:20px}.rate-card span{margin-top:9px;color:#a7a1b1;font-size:12px}.lookup{padding:42px;display:grid;grid-template-columns:1fr 1fr;gap:60px;border:1px solid var(--line);border-radius:10px;background:#1a202a}.lookup>div>p:last-child{max-width:520px;color:#aaa5b2;line-height:1.7;margin-top:20px}.lookup form{display:flex;flex-direction:column;justify-content:center}.lookup label{margin-bottom:9px;color:#aaa4b7;font:700 9px Space Mono;letter-spacing:.14em}.lookup form>div{display:flex}.lookup input{min-width:0;flex:1;padding:16px;border:1px solid #384052;border-radius:8px 0 0 8px;background:#12161d;color:#fff;outline:none}.lookup input:focus{border-color:#8f50ff}.lookup form button{padding:0 20px;border:1px solid #9a55ff;border-radius:0 8px 8px 0;background:linear-gradient(135deg,var(--violet),var(--pink));font-size:10px;font-weight:900;letter-spacing:.1em;cursor:pointer}output{margin-top:14px;color:#b8afc5;font-size:12px}.coming{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center}.coming.active{display:flex}.coming-icon{display:grid;place-items:center;width:80px;height:80px;margin-bottom:25px;border:1px solid #8c4cff;background:#211932;color:#b577ff;font-size:26px;font-weight:900;clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%)}.coming h1{font-size:clamp(52px,8vw,105px)}.coming>strong{margin:20px 0;color:#bd77ff;font:700 14px Space Mono;letter-spacing:.23em}.coming>p:last-child{max-width:520px;color:#a39dac;line-height:1.7}footer{min-height:105px;padding:30px 5vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#777484}footer b{color:#fff;font-size:20px}footer p{margin:0;font-size:10px}footer a{color:#a56cff;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.1em}
@media(max-width:800px){.topbar{height:auto;min-height:72px;padding:14px 20px;flex-wrap:wrap}.rollbux-link{display:none}.topbar nav{order:3;width:100%;height:38px;justify-content:space-between;gap:3px}.topbar nav button{font-size:9px}.hero{min-height:auto;padding:65px 24px 50px;grid-template-columns:1fr}.hero h1{font-size:clamp(51px,15.8vw,75px)}.hero-visual{height:380px;margin-top:34px}.reward-ticket{left:8%;width:290px}.coin{right:0}.stats{grid-template-columns:1fr}.stats article{min-height:115px;border-right:0;border-bottom:1px solid var(--line)}.uploads,.inner{padding:65px 24px}.video-grid{grid-template-columns:1fr}.section-title a{display:none}.rate-card{grid-template-columns:1fr;text-align:center;gap:20px;padding:28px}.lookup{grid-template-columns:1fr;padding:28px;gap:30px}.coming{padding:70px 24px}footer{flex-direction:column;gap:17px;text-align:center}}@media(max-width:430px){.actions{align-items:flex-start;flex-direction:column}.hero-visual{transform:scale(.9);transform-origin:left top;margin-bottom:-35px}.reward-ticket{left:0}.lookup form>div{flex-direction:column}.lookup input{border-radius:8px}.lookup form button{padding:15px;border-radius:8px;margin-top:8px}}
