:root{color:#e5edf7;background:#09111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#1e3a8a55,#0000 34%),radial-gradient(circle at 75% 10%,#14b8a655,#0000 28%),#09111f;margin:0}a{color:inherit;text-decoration:none}.app{min-height:100vh}.nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#09111fd9;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:18px clamp(20px,5vw,72px);display:flex;position:sticky;top:0}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-weight:900;display:flex}.brandMark{color:#07111f;background:linear-gradient(135deg,#34d399,#60a5fa);border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.links{color:#b9c7d8;align-items:center;gap:24px;display:flex}.links a:hover{color:#fff}.navCta,.primary,.secondary,.offerBtn{border-radius:999px;justify-content:center;align-items:center;gap:8px;font-weight:800;display:inline-flex}.navCta,.primary{color:#07111f;background:linear-gradient(135deg,#34d399,#22d3ee);padding:12px 18px;box-shadow:0 18px 50px #22d3ee2b}.secondary{color:#e5edf7;background:#ffffff08;border:1px solid #fff2;padding:12px 18px}.menu{color:#fff;background:0 0;border:0;display:none}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:36px;padding:82px clamp(20px,6vw,92px) 42px;display:grid}.eyebrow{color:#67e8f9;text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:8px;margin:0 0 12px;font-size:12px;font-weight:900;display:inline-flex}.hero h1,.section h2{color:#fff;letter-spacing:-.06em;margin:0;line-height:1}.hero h1{max-width:980px;font-size:clamp(44px,7vw,86px)}.sub{color:#b9c7d8;max-width:760px;font-size:clamp(18px,2vw,23px)}.heroActions{flex-wrap:wrap;gap:14px;margin:28px 0;display:flex}.trustRow{color:#b9c7d8;flex-wrap:wrap;gap:14px;display:flex}.trustRow span{align-items:center;gap:7px;display:flex}.heroCard,.offer,.payoutPanel,.leaderboard,.faq details{background:linear-gradient(#ffffff12,#ffffff07);border:1px solid #ffffff16;border-radius:32px;box-shadow:0 24px 80px #0008}.heroCard{min-height:370px;padding:30px}.cardTop{color:#b9c7d8;justify-content:space-between;display:flex}.heroCard strong{color:#fff;letter-spacing:-.06em;margin-top:35px;font-size:64px;display:block}.heroCard p{color:#b9c7d8}.progress{background:#ffffff12;border-radius:999px;height:12px;overflow:hidden}.progress span{background:linear-gradient(90deg,#34d399,#22d3ee);border-radius:999px;height:100%;display:block}.miniGrid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;display:grid}.miniGrid div{background:#00000026;border-radius:18px;padding:14px}.miniGrid small{color:#9fb0c6;display:block}.miniGrid b{color:#fff;font-size:20px}.stats{grid-template-columns:repeat(4,1fr);gap:14px;padding:0 clamp(20px,6vw,92px) 40px;display:grid}.stats div{background:#ffffff08;border:1px solid #ffffff12;border-radius:22px;padding:22px}.stats b{color:#fff;font-size:34px;display:block}.stats span{color:#9fb0c6}.section{padding:54px clamp(20px,6vw,92px)}.sectionHead{justify-content:space-between;align-items:end;gap:28px;margin-bottom:24px;display:flex}.section h2{font-size:clamp(34px,5vw,58px)}.sectionHead p,.bodyText{color:#b9c7d8;max-width:620px}.filters{flex-wrap:wrap;gap:10px;margin-bottom:22px;display:flex}.filters button{color:#d8e4f3;cursor:pointer;background:#ffffff08;border:1px solid #ffffff18;border-radius:999px;padding:10px 16px;font-weight:800}.filters button.active{color:#07111f;background:#34d399}.offerGrid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.offer{padding:22px;transition:transform .2s,border .2s;position:relative}.offer:hover{border-color:#34d39977;transform:translateY(-4px)}.pill{color:#fde68a;background:#f59e0b1c;border:1px solid #fde68a44;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.offer h3{color:#fff;margin:18px 0 6px;font-size:22px}.offer p{color:#9fb0c6}.offerMeta{flex-wrap:wrap;gap:8px;display:flex}.offerMeta span,.coins span{color:#c7d7ea;background:#00000020;border:1px solid #ffffff16;border-radius:999px;padding:6px 9px;font-size:12px}.reward{justify-content:space-between;align-items:end;margin:24px 0;display:flex}.reward span{color:#9fb0c6}.reward b{color:#34d399;font-size:30px}.offerBtn{color:#fff;background:#ffffff12;width:100%;padding:12px}.split{grid-template-columns:.9fr 1.1fr;align-items:start;gap:28px;display:grid}.steps{gap:14px;display:grid}.step{background:#ffffff08;border:1px solid #ffffff12;border-radius:24px;grid-template-columns:52px 1fr 28px;align-items:center;gap:14px;padding:18px;display:grid}.step>b{color:#34d399}.step h3{color:#fff;margin:0}.step p{color:#9fb0c6;margin:4px 0 0}.payoutPanel{grid-template-columns:1fr .9fr;gap:30px;margin:54px clamp(20px,6vw,92px);padding:34px;display:grid}.coins{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.payoutForm{background:#00000025;border-radius:24px;gap:12px;padding:22px;display:grid}.payoutForm label{color:#fff;font-weight:900}.payoutForm input{color:#fff;background:#09111f;border:1px solid #ffffff18;border-radius:16px;width:100%;padding:16px;font-size:16px}.status{color:#67e8f9;margin:0}.leaderboard{grid-template-columns:.7fr 1fr;gap:22px;margin:54px clamp(20px,6vw,92px);padding:30px;display:grid}.board{gap:10px;display:grid}.board div{background:#00000025;border-radius:18px;justify-content:space-between;padding:16px;display:flex}.board b{color:#34d399}.faq{gap:12px;display:grid}.faq details{padding:18px}.faq summary{cursor:pointer;color:#fff;font-weight:900}.faq p{color:#b9c7d8}footer{color:#9fb0c6;border-top:1px solid #ffffff12;justify-content:space-between;gap:20px;padding:32px clamp(20px,6vw,92px);display:flex}footer b{color:#fff}@media (width<=900px){.hero,.split,.payoutPanel,.leaderboard{grid-template-columns:1fr}.offerGrid,.stats{grid-template-columns:1fr 1fr}.links{display:none}.links.open{background:#0b1220;border:1px solid #ffffff18;border-radius:24px;flex-direction:column;align-items:stretch;padding:18px;display:flex;position:absolute;top:76px;left:16px;right:16px}.menu,.sectionHead{display:block}}@media (width<=560px){.hero{padding-top:46px}.offerGrid,.stats,.miniGrid{grid-template-columns:1fr}.heroActions a{width:100%}footer{display:block}.heroCard strong{font-size:50px}}
