/* MoonPay-inspired theme: violet sampled from the supplied reference (#7715F4). */
:root{--ink:#17141d;--muted:#89838f;--line:#ece9f1;--surface:#fff;--paper:#faf9fc;--green:#7715f4;--mint:#f0e6ff;--soft:#f5f0fb;--purple:#7715f4;--purple-dark:#5a08c4;color:var(--ink);background:var(--paper)}
button:focus-visible,a:focus-visible{outline-color:#a774f9}input:focus,select:focus{outline-color:#b18bea}
.sidebar{background:#fff;border-right-color:#eeeaf3}.brand{font-weight:700;letter-spacing:-1.6px}.sidebar-label{color:#9a92a4;letter-spacing:1.15px}.nav-item{color:#797281;border-radius:12px;font-size:13px;padding-top:14px;padding-bottom:14px}.nav-item:hover{background:#f7f2ff;color:#7715f4}.nav-item.active{background:#efe4ff;color:#7715f4;font-weight:600}.nav-item .nav-count{border-color:#e2ccff}.nav-divider{background:#eeeaf3}.ecosystem-card{background:#f7f2ff;border-color:#ecddff;border-radius:16px;padding-top:20px;padding-bottom:20px}.ecosystem-card strong{color:#39244f;font-weight:600}.ecosystem-card div span{color:#a087b7}.tiny-arrow{color:#b18ccc}.mini-cube{background:conic-gradient(from 30deg,#7715f4 0 120deg,#d4b1ff 0 240deg,#a965ff 0)}.sidebar-footer{border-color:#f0eaf7;color:#796b8c}.network-label{color:#a89ab8}.status-dot{background:#9b58ee}.topbar{background:#fff;border-color:#eeeaf3}.breadcrumb{color:#a093ad}.breadcrumb strong{color:#5c4b70}.breadcrumb span{color:#d6cbe1}.global-search{background:#f8f6fb;padding:0 12px;border-radius:24px;max-width:290px;height:36px;color:#a295b0}.global-search input{color:#574668}.global-search input::placeholder{color:#a498af}.global-search kbd{border-color:#e8e0ef;color:#aa9db4}.connect-button{background:#7715f4;color:white;border-radius:24px;padding:12px 18px;font-weight:600}.connect-button:hover{background:#610ad1}.icon-button{color:#9585a3}.page-eyebrow{color:#998ba6}.preview-badge{color:#967aab}.preview-badge .status-dot{background:#ad80e7}
.hero{min-height:390px;background:#7715f4;border:0;border-radius:24px;isolation:isolate;overflow:hidden}.hero:before{background:none}.hero-copy{padding:42px 38px;width:62%}.hero-tag{color:#ddc3ff;font-size:9px;letter-spacing:2px;font-weight:500;margin-bottom:26px}.hero-tag .mini-cube{background:conic-gradient(from 30deg,#fff 0 120deg,#ba8af9 0 240deg,#e0c3ff 0)}.hero h1{font-size:clamp(40px,3.8vw,60px);font-weight:650;letter-spacing:-2.5px;line-height:1.02;color:#fff;margin-bottom:21px}.hero h1 span{color:#d7b6ff}.hero p{color:#e0c9ff;font-size:12px;line-height:1.8;max-width:320px;margin-bottom:26px}.hero-actions{gap:10px}.primary,.secondary{border-radius:24px;font-size:11px;padding:13px 19px;font-weight:600}.primary{background:#7715f4;color:#fff}.primary:hover{background:#620ad4;transform:translateY(-1px)}.secondary{color:#7715f4;background:#f3eaff;border-color:#e6d4fc}.secondary:hover{background:#ece0ff}.hero .primary{background:white;color:#7715f4}.hero .primary:hover{background:#f2e8ff}.hero .secondary{background:transparent;color:#fff;border-color:#ad71fb}.hero .secondary:hover{background:#ffffff16}.hero-caption{color:#d8b8ff;right:27px;bottom:24px}.hero-caption .mini-cube{background:conic-gradient(from 30deg,#fff 0 120deg,#c6a1f6 0 240deg,#e5d0ff 0)}.hero-caption strong{color:#fff;font-weight:600}.hero-caption .separate{background:#a25ded}.flow-note{display:none}
.moon-art{position:absolute;right:12px;top:15px;width:43%;height:335px;pointer-events:none}.moon-orbit{position:absolute;width:330px;height:330px;border:1px solid #c799ff42;border-radius:50%;left:50%;top:9px;transform:translateX(-50%)}.moon-orbit:after{content:"";position:absolute;inset:26px;border:1px solid #c799ff35;border-radius:50%}.moon-orb{position:absolute;width:207px;height:207px;background:#fff;border-radius:50%;top:84px;left:calc(50% - 112px);box-shadow:0 15px 40px #48029b20}.moon-satellite{position:absolute;width:72px;height:72px;background:white;border-radius:50%;top:32px;left:calc(50% + 70px)}.orbit-speck{position:absolute;left:13%;top:60px;background:#bc85ff;width:8px;height:8px;border-radius:50%}.orbit-speck:after{content:"";position:absolute;top:249px;left:255px;width:5px;height:5px;border-radius:50%;background:#ceabff}.hero-payment{position:absolute;bottom:17px;left:1%;background:white;width:219px;border-radius:17px;padding:15px 17px;box-shadow:0 13px 40px #3a02702b;transform:rotate(-5deg)}.hero-payment-label{display:flex;align-items:center;gap:6px;font-size:8px;color:#9786a6}.hero-payment-label svg{width:12px;height:12px;color:#8b3ce9}.hero-payment-total{font-size:27px;letter-spacing:-1px;font-weight:600;margin:9px 0 12px;color:#20162d}.hero-payment-total small{font-size:10px;letter-spacing:0;color:#baa8c9;font-weight:400}.hero-payment-user{border-top:1px solid #f0e9f7;display:flex;align-items:center;gap:7px;padding-top:10px;font-size:9px;color:#635074}.hero-payment-user .avatar{height:22px;width:22px;background:#eee0ff;color:#7b23e0;font-size:8px}.hero-payment-user .verified{margin-left:auto;width:18px;height:18px;font-size:11px}.hero-floating-label{position:absolute;right:3%;top:136px;background:#e5ceff;color:#6612d1;padding:11px 13px;border-radius:12px;transform:rotate(5deg);box-shadow:0 5px 20px #4a00811a;font-size:9px;display:flex;align-items:center;gap:7px}.hero-floating-label svg{height:13px;width:13px}
.metrics{padding-top:27px;padding-bottom:27px}.metric-label{color:#91849c;font-size:10px}.metric-label svg{color:#a58db9}.metric-number{color:#20182b;font-weight:600;font-size:27px;letter-spacing:-1.2px}.metric-number small{background:#f0e7ff;color:#8f48e6;border-radius:20px;font-weight:400;padding:5px 7px}.metric-sub{color:#aa9ab7}.section h2{color:#291d36;font-weight:600;font-size:17px;letter-spacing:-.5px}.section-label{background:#f3ecfb;color:#a086b4;border-radius:20px;padding:5px 8px}.text-button{color:#9254d4}.segmented{background:#f4effa;border-color:#eee5f6;border-radius:22px}.segmented button{color:#af94c4;border-radius:20px;padding:6px 11px}.segmented button.active{color:#7715f4;background:#fff;box-shadow:0 1px 4px #4300670c}.token-card{border-radius:17px;padding:10px;border-color:#eee8f3}.token-card:hover{box-shadow:0 12px 30px #5d14af12;border-color:#e1cafa}.token-art{border-radius:11px}.token-art.orbit{background:#e5d2ff;color:#7715f4}.token-art.muse{background:#ffe1e4;color:#ec809c}.token-art.form{background:#d5efeb;color:#46a796}.token-art.after{background:#21152e;color:#d5b2ff}.token-art.wave{background:#dbe5ff;color:#7093ed}.token-art.field{background:#f6efca;color:#b6a142}.token-art .symbol{text-shadow:none}.chain-badge{color:#6f5587;background:#ffffff8f;border-color:#ffffff80;border-radius:20px;padding:5px 7px}.art-age{background:#21152e15;color:#6f577f;border-radius:20px}.token-art.after .art-age{color:#e4c7ff;background:#ffffff14}.art-creator{color:#776084;background:#ffffffdf}.avatar{background:linear-gradient(135deg,#dab6ff,#8f4ed6);color:#fff}.avatar.rose{background:linear-gradient(135deg,#f2bfd0,#c480a4)}.avatar.blue{background:linear-gradient(135deg,#bac6e5,#8c9fcb)}.avatar.dark{background:linear-gradient(135deg,#9a7ebc,#54396c)}.verified{background:#eaddff;color:#8930e6}.token-title{color:#302039;font-weight:600}.token-title small{color:#aa96b6;font-weight:400}.token-stats{color:#60506c}.token-stats small{color:#af9cbd}.token-stats .paid-value{color:#8d42dd}.spark{color:#aa76e4;stroke:currentColor}
.panel{border-color:#eee8f3;border-radius:17px}.table-wrap th{background:#fcfaff;color:#ac98bd;border-bottom-color:#f2edf7}.table-wrap td{color:#8b759d;border-bottom-color:#f2edf7}.person div strong{color:#5a426d}.person small{color:#b09bbe}.payment-status{background:#f0e5ff;color:#984be9;border-radius:20px;padding:5px 8px}.payment-status.pending{background:#fff3dc;color:#b69559}.amount{color:#58396f;font-weight:500}.table-bottom{background:#fcfaff;color:#b8a2c6}.table-bottom .text-button{color:#9654d5}.creator-row{border-bottom-color:#f2edf7}.rank{color:#c5b0d5}.creator-name{color:#6f5087}.creator-name strong{font-weight:500}.creator-name small{color:#b49bc6}.creator-amount{color:#9050c9}.creator-amount small{color:#b7a1c7}.bottom-cta{background:#f0e5ff;border-color:#e7d6fc;border-radius:18px;padding:23px 25px}.bottom-cta h3{color:#58316f;font-weight:600}.bottom-cta p{color:#aa83bf}.bottom-cta .text-button{color:#8122d9}.page-footer{color:#b8a4c8;border-color:#eee8f3}.page-title h1{color:#261331;font-weight:650;letter-spacing:-1.2px;font-size:33px}.page-title p{color:#9d81b0}.title-eyebrow{color:#a688bb}.filter-row input{background:white;border-color:#e9dcf3;border-radius:24px;color:#5f377b}.filter-row input::placeholder{color:#b496c7}.empty-state{color:#a281b8}.empty-state h3{color:#67427c}.sample-notice{color:#b398c5}.chart-panel{padding:27px}.chart-title{color:#a681bb}.chart-total{color:#30133f;font-weight:600}.chart{border-color:#e9d8f5;background:repeating-linear-gradient(to bottom,transparent 0,transparent 54px,#f8f2fc 55px,#f8f2fc 56px)}.chart .bar{background:linear-gradient(to top,#ddc4fc,#9445ef);border-radius:6px 6px 0 0}.bar:hover:after{background:#7715f4}.chart-axis{color:#b9a0c9}.form-panel h2{color:#432153;font-weight:600}.form-panel>p{color:#ad90be}.form-field{color:#815293}.form-field input,.form-field select{border-color:#e9dbf2;background:#fcf9ff;color:#603778;border-radius:12px}.form-field input::placeholder{color:#b99bca}.form-field small{color:#b296c2}.form-field .error{color:#bc6380}.step-label{color:#b38cc7}.route-preview{background:#f0e4ff;border-radius:20px;color:#754098}.route-preview .route-token{color:#7820bd}.route-path{color:#ab74d2}.route-preview p{color:#b389cb}.route-preview .route-name{color:#8a39bf}.fineprint{color:#b094c1}.receipt-line{color:#a482b5;border-color:#f0e4f7}.receipt-line strong{color:#6b3c82}.success-icon{color:#7715f4;background:#efe1ff}.guide-card>span{color:#b396c6}.guide-card h2{color:#5c2d73}.guide-card p{color:#a884b9}.faq{border-color:#f0e5f7}.faq summary{color:#86529c}.faq p{color:#ad8cbe}.claim-balance{color:#7715f4;font-weight:600}.claim-caption{color:#aa83be}.modal-title{color:#381447;font-weight:600}.modal-copy{color:#a581b5}dialog{border-color:#edddf7;border-radius:24px;box-shadow:0 30px 100px #35105730}dialog::backdrop{background:#20083165;backdrop-filter:blur(7px)}.wallet-option{background:#fcf7ff;border-color:#e8d5f5;color:#764292;border-radius:14px}.wallet-option small{color:#b897ca}.toast{background:#7715f4;color:white;border-radius:24px;box-shadow:0 6px 28px #6b15c528}
@media(min-width:1500px){.hero{min-height:415px}.hero-copy{padding:46px}.hero h1{font-size:60px}.moon-art{height:360px}.moon-orbit{width:355px;height:355px}.moon-orb{width:230px;height:230px}.hero-payment{left:7%;bottom:18px}}
@media(max-width:1190px){.hero{min-height:375px}.hero-copy{padding:37px 30px}.hero h1{font-size:46px}.moon-art{width:43%;height:325px}.moon-orbit{width:290px;height:290px;top:25px}.moon-orb{width:181px;height:181px;top:87px;left:calc(50% - 98px)}.moon-satellite{width:63px;height:63px;top:44px;left:calc(50% + 60px)}.hero-payment{width:187px;left:0;bottom:15px;padding:13px 15px}.hero-payment-total{font-size:24px}.hero-floating-label{right:0;top:144px;font-size:8px;padding:10px}.hero-caption{font-size:8px}.metric-number{font-size:25px}.global-search{max-width:240px}}
@media(max-width:980px){.hero{min-height:365px}.hero-copy{padding:32px 25px;width:68%}.hero h1{font-size:40px;letter-spacing:-1.7px}.hero p{max-width:230px;font-size:11px}.moon-art{right:-39px;width:43%;height:319px;opacity:.95}.moon-orb{width:160px;height:160px;left:calc(50% - 80px);top:99px}.moon-satellite{width:55px;height:55px;left:calc(50% + 59px);top:57px}.moon-orbit{width:250px;height:250px;top:61px}.hero-payment{width:170px;left:-7%;bottom:5px}.hero-payment-total{font-size:23px}.hero-floating-label{display:none}.hero-caption{right:18px;bottom:16px}.hero-caption>span:first-child,.hero-caption .separate{display:none}.hero-actions .primary,.hero-actions .secondary{padding:11px 14px;font-size:10px}.hero h1 span{color:#d7b6ff}.global-search{max-width:none}.metric-number{font-size:24px}}
@media(max-width:700px){.topbar{background:#fffffff2}.connect-button{padding:10px 13px;font-size:10px}.global-search{padding:0 9px}.hero{min-height:570px;border-radius:22px;background:#7715f4}.hero:before{background:none}.hero-copy{width:100%;padding:29px 25px}.hero-tag{font-size:8px;margin-bottom:22px}.hero h1{font-size:43px;letter-spacing:-2px;margin-bottom:18px}.hero p{max-width:270px;margin-bottom:23px}.hero-actions .primary,.hero-actions .secondary{padding:12px 15px;font-size:10px}.moon-art{right:calc(50% - 145px);top:auto;bottom:30px;width:290px;height:240px;opacity:1}.moon-orbit{width:225px;height:225px;top:6px;left:57%}.moon-orb{width:149px;height:149px;top:58px;left:calc(57% - 79px)}.moon-satellite{width:51px;height:51px;top:19px;left:calc(57% + 54px)}.orbit-speck{top:29px;left:10%}.orbit-speck:after{top:170px;left:247px}.hero-payment{width:174px;bottom:-2px;left:0;padding:12px 15px}.hero-payment-label{font-size:7px}.hero-payment-total{font-size:23px;margin:7px 0 9px}.hero-payment-user{padding-top:8px;font-size:8px}.hero-floating-label{display:flex;font-size:7px;top:118px;right:-13px;padding:9px;border-radius:9px}.hero-caption{bottom:17px;right:20px}.hero-caption strong{font-size:11px}.hero-caption .mini-cube{width:13px;height:15px}.metric-number{font-size:28px}.metric-label{font-size:10px}.metric-number small{padding:4px 6px}.section h2{font-size:15px}.token-card{padding:8px;border-radius:15px}.token-art{border-radius:9px}.token-title{font-size:11px}.section-label{font-size:8px;padding:4px 6px}.bottom-cta{padding:19px 16px}.bottom-cta h3{font-size:11px}.page-title h1{font-size:28px}.chart-panel{padding:20px}.hero .primary svg,.hero .secondary svg{width:12px;height:12px}.toast{border-radius:14px}}