:root{--bg:#0b1020;--panel:#111a30;--text:#f4f6ff;--muted:#a4aec8;--purple:#8b7cff;--cyan:#6ce5d6;--line:rgba(255,255,255,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b1020;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.site-header{max-width:1180px;margin:auto;padding:22px 26px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:22px;font-weight:800;letter-spacing:-.8px;display:inline-flex;align-items:center;gap:7px}.brand>span:last-child{margin-left:-7px;color:#a89cff}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#9c8cff,#5a48d8);color:white;font-size:18px;box-shadow:0 5px 24px #7864ff44}.nav{display:flex;align-items:center;gap:28px;color:#c0c7dc;font-size:14px}.nav a:hover,.text-link:hover{color:white}.nav-login{margin-left:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:13px 19px;border-radius:12px;background:linear-gradient(110deg,#9788ff,#6e5be8);color:#fff;font-weight:750;font-size:14px;box-shadow:0 8px 30px #7564f833;transition:transform .2s,filter .2s}.button:hover{transform:translateY(-2px);filter:brightness(1.08)}.button-small{padding:10px 15px}.menu-toggle{display:none;background:none;color:white;border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:19px}.hero{max-width:1180px;min-height:550px;margin:auto;padding:64px 26px 72px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#aaa0ff}.live-dot{display:inline-block;width:7px;height:7px;background:#67e3b5;border-radius:50%;margin-right:7px;box-shadow:0 0 12px #67e3b588}.hero h1{font-size:clamp(42px,5vw,66px);line-height:1.08;letter-spacing:-3px;margin:22px 0 20px}.hero h1 span{background:linear-gradient(90deg,#a89cff,#70e7d8);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text{max-width:490px;color:#aeb8d1;font-size:17px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:29px}.text-link{font-size:14px;color:#d7daf0;font-weight:650}.trust-note{margin-top:31px;font-size:11px;color:#8e9ab7}.check{color:#6ce5b4;font-size:15px;margin-right:5px}.dot-sep{padding:0 8px;color:#53617f}.hero-art{min-height:380px;position:relative;display:grid;place-items:center;isolation:isolate}.hero-art:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:#7565ff1a;filter:blur(35px);z-index:-2}.orb{position:absolute;border:1px solid #a59aff25;border-radius:50%;z-index:-1}.orb-one{width:400px;height:400px}.orb-two{width:300px;height:300px;border-style:dashed}.dashboard-card{width:min(100%,390px);padding:23px;border-radius:22px;background:linear-gradient(145deg,#18223c,#11182c);border:1px solid #ffffff1b;box-shadow:0 28px 80px #0008;transform:rotate(-2deg);z-index:2}.dash-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.dash-title{font-size:12px;font-weight:700}.pill{font-size:8px;letter-spacing:1px;padding:5px 7px;border-radius:6px;color:#b6adff;background:#8d7cff1b}.balance-label{font-size:11px;color:#97a3bf;margin-top:25px}.balance{font-size:36px;letter-spacing:-1.5px;font-weight:800}.balance small{font-size:13px;color:#9ca8c4;letter-spacing:0}.balance-usd{font-size:10px;color:#8290ad}.chart{height:100px;margin-top:20px;position:relative;overflow:hidden;border-bottom:1px solid #ffffff12;background:repeating-linear-gradient(to bottom,transparent 0 24px,#ffffff08 25px 26px)}.chart-line{position:absolute;inset:0;background:linear-gradient(165deg,transparent 42%,#8173ff 42.4%,#8173ff 43%,transparent 43.4%),linear-gradient(155deg,transparent 50%,#8173ff 50.4%,#8173ff 51%,transparent 51.4%),linear-gradient(170deg,transparent 58%,#8173ff 58.4%,#8173ff 59%,transparent 59.4%);opacity:.95;clip-path:polygon(0 72%,12% 58%,24% 65%,38% 39%,51% 52%,63% 25%,75% 36%,88% 14%,100% 22%,100% 100%,0 100%)}.chart:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(180deg,#8173ff22,transparent)}.chart-point{position:absolute;width:6px;height:6px;border-radius:50%;background:#b7afff;box-shadow:0 0 10px #9d8eff}.p1{left:24%;top:62%}.p2{left:51%;top:48%}.p3{left:75%;top:32%}.p4{left:88%;top:10%}.p5{left:98%;top:18%}.dash-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:17px}.dash-bottom>div{display:flex;gap:10px;align-items:center}.dash-bottom b,.dash-bottom small,.float-tag b,.float-tag small{display:block}.dash-bottom b{font-size:11px}.dash-bottom small{font-size:9px;color:#94a0bc}.dash-bottom strong{color:#6ce5c5;font-size:13px}.mini-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px}.purple{background:#8b7cff26;color:#b8aeff}.coin{position:absolute;display:grid;place-items:center;width:49px;height:49px;border-radius:50%;font-weight:800;font-size:24px;box-shadow:0 10px 30px #0006;z-index:3}.coin-btc{background:linear-gradient(140deg,#ffdc88,#f39a3d);color:#643b0e;top:26px;right:55px}.coin-d{background:linear-gradient(140deg,#b9aaff,#7663ed);color:white;left:10px;top:110px}.coin-t{background:linear-gradient(140deg,#8cf0dc,#28bda9);color:#064b48;right:10px;bottom:65px}.float-tag{position:absolute;left:-4px;bottom:26px;display:flex;align-items:center;gap:12px;background:#1a2540;border:1px solid #ffffff1b;border-radius:13px;padding:13px 16px;box-shadow:0 15px 35px #0005;z-index:4}.float-icon{display:grid;place-items:center;background:#6ce5d51b;color:#6ce5d5;width:35px;height:35px;border-radius:10px}.float-tag b{font-size:11px}.float-tag small{font-size:9px;color:#a0abc5;margin-top:2px}.feature-strip{max-width:1128px;margin:0 auto 70px;padding:22px 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;background:#111a30;border:1px solid var(--line);border-radius:18px}.feature-strip>div{display:flex;align-items:center;gap:12px}.feature-icon{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;border-radius:12px;background:#8c7cff1c;color:#b0a6ff;font-size:21px}.feature-strip b,.feature-strip small{display:block}.feature-strip b{font-size:12px}.feature-strip small{font-size:10px;color:#95a1bc;margin-top:3px}.section{max-width:1128px;margin:0 auto;padding:38px 26px 85px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px}.section-heading h2,.how-inner h2,.cta-section h2{font-size:clamp(29px,3.5vw,42px);line-height:1.15;letter-spacing:-1.5px;margin:12px 0 0}.section-heading>p{max-width:430px;margin:0;color:#9ea9c3;font-size:13px;line-height:1.8}.earn-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.earn-card{background:#111a30;border:1px solid var(--line);border-radius:17px;padding:23px;min-height:245px;transition:transform .2s,border-color .2s}.earn-card:hover{transform:translateY(-4px);border-color:#8b7cff77}.earn-card.featured{background:linear-gradient(150deg,#211d48,#151a31);border-color:#8274ff4a}.card-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#8b7cff25;color:#b5aaff;font-size:24px;margin-bottom:18px}.card-icon.lavender{background:#bb9aff20;color:#c7a9ff}.card-icon.mint{background:#6ce5d51b;color:#6ce5d5}.card-icon.amber{background:#ffc56d1b;color:#ffc56d}.card-kicker{font-size:9px;letter-spacing:1.5px;color:#aaa0ff;font-weight:800}.earn-card h3{font-size:16px;margin:7px 0}.earn-card p{font-size:12px;color:#9da8c1;line-height:1.7;min-height:61px}.earn-card>a{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:11px;color:#c0b8ff;font-weight:750}.how-section{background:linear-gradient(180deg,#10162a,#111a30);border-block:1px solid #ffffff0b}.how-inner{max-width:1128px;padding:75px 26px;margin:auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:38px}.step{padding:24px;border-top:1px solid #8b7cff7a;background:linear-gradient(180deg,#8b7cff0b,transparent);border-radius:0 0 14px 14px}.step-number{color:#a99eff;font-weight:800;font-size:12px;letter-spacing:1px}.step h3{font-size:16px;margin:13px 0 7px}.step p{font-size:12px;color:#9ca8c2;line-height:1.8}.demo-disclaimer{font-size:10px;color:#8793b0;margin-top:25px}.rewards-section{padding-top:76px}.asset-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.asset-list>div{display:flex;align-items:center;gap:12px;padding:15px 17px;border:1px solid var(--line);border-radius:13px;background:#111a30}.asset-symbol{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-weight:800}.btc{background:#f6a33c24;color:#f6b04f}.eth{background:#8b7cff25;color:#b3a7ff}.ltc{background:#aeb9d022;color:#d1d8e7}.doge{background:#dfc55a20;color:#e8d16a}.asset-list b{font-size:12px}.asset-code{font-size:10px;color:#8f9bb6}.asset-status{margin-left:auto;font-size:9px;padding:5px 8px;border-radius:6px;background:#ffffff0a;color:#a7b1c8}.cta-section{max-width:1076px;margin:0 auto 75px;padding:36px 40px;border:1px solid #8b7cff45;border-radius:20px;background:radial-gradient(ellipse at 0% 100%,#8b7cff20,transparent 55%),#121a30;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-section h2{max-width:580px}.cta-section p{color:#a2aec7;font-size:13px;max-width:580px;margin-bottom:0}footer{border-top:1px solid var(--line);padding:30px max(26px,calc((100% - 1128px)/2));display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6px 24px}footer p{font-size:11px;color:#a0abc4;text-align:right;margin:0}footer>small{font-size:10px;color:#75829f}.footer-links{grid-column:1/-1;display:flex;gap:20px;margin-top:17px;padding-top:17px;border-top:1px solid #ffffff0b;font-size:10px;color:#929eba}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:850px){.hero{gap:22px;padding-top:45px}.hero h1{font-size:48px}.feature-strip{margin-inline:20px;grid-template-columns:repeat(2,1fr)}.earn-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:start;flex-direction:column;gap:15px}.float-tag{left:-8px}.cta-section{margin-inline:20px}}@media(max-width:600px){.site-header{padding:16px 19px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:65px;left:14px;right:14px;z-index:10;padding:20px;background:#151e34;border:1px solid var(--line);border-radius:15px;align-items:stretch;gap:17px;flex-direction:column}.nav.open{display:flex}.nav-login{margin:0}.nav .button{align-self:flex-start}.hero{grid-template-columns:1fr;padding:42px 20px 35px;gap:20px}.hero h1{font-size:47px;letter-spacing:-2px}.hero-text{font-size:15px}.hero-actions{gap:16px;flex-wrap:wrap}.trust-note{line-height:1.8}.hero-art{min-height:345px;margin:0 -5px}.dashboard-card{width:min(92%,365px);padding:18px}.orb-one{width:330px;height:330px}.orb-two{width:255px;height:255px}.coin-btc{right:20px;top:9px}.coin-d{left:0;top:95px}.coin-t{right:1px;bottom:40px}.float-tag{left:0;bottom:8px}.feature-strip{margin:25px 15px 45px;padding:18px;gap:18px 10px}.feature-strip>div{gap:9px}.feature-strip b{font-size:11px}.feature-strip small{font-size:9px}.feature-icon{width:34px;height:34px}.section{padding:25px 20px 55px}.section-heading h2,.how-inner h2,.cta-section h2{font-size:31px}.earn-grid{gap:10px}.earn-card{padding:16px;min-height:250px}.earn-card h3{font-size:14px}.earn-card p{font-size:11px}.how-inner{padding:55px 20px}.steps{grid-template-columns:1fr;gap:10px;margin-top:25px}.step{padding:18px}.asset-list{grid-template-columns:1fr}.cta-section{margin:0 15px 50px;padding:25px;align-items:flex-start;flex-direction:column}.cta-section h2{font-size:29px}footer{padding:25px 20px;grid-template-columns:1fr}footer p{text-align:left}footer>small{line-height:1.7}.footer-links{flex-wrap:wrap}}

/* Accessible demo information dialog */
.demo-dialog{width:min(92vw,480px);padding:0;border:1px solid #8b7cff66;border-radius:20px;background:#111a30;color:var(--text);box-shadow:0 24px 90px #000b}
.demo-dialog::backdrop{background:#050814c9;backdrop-filter:blur(5px)}
.demo-dialog-panel{position:relative;padding:30px}
.demo-dialog-close{position:absolute;right:17px;top:12px;border:0;background:transparent;color:#cbd2e5;font-size:28px;line-height:1;cursor:pointer}
.demo-dialog h2{font-size:25px;line-height:1.2;letter-spacing:-.7px;margin:15px 28px 12px 0}
.demo-dialog-message{font-size:14px;line-height:1.8;color:#b1bdd5}
.demo-dialog-note{font-size:10px;color:#8f9bb6;border-top:1px solid var(--line);padding-top:14px;margin-top:20px}
.demo-dialog-ok{border:0;cursor:pointer;margin-top:7px}
@media(max-width:600px){.demo-dialog-panel{padding:25px 21px}.demo-dialog h2{font-size:22px}}
