/* V13 reference art direction: bright holographic glass over a sculpted node grid. */
:root{--blue:#12dfff;--red:#ff3b71;--line:#27cfff;--panel:#071932}
body{background:#020716;color:#f3faff}
body:before{opacity:.88;background-image:linear-gradient(180deg,#02081622,#04133a44),url('/assets/network-grid.svg');background-size:cover;background-position:center bottom;filter:saturate(1.7) brightness(1.35)}
header{border:1px solid #5acfff;border-top:0;background:linear-gradient(110deg,#071a36ed 0%,#0a1d3ce8 60%,#061a35f0 100%);box-shadow:inset 0 0 15px #0bdcff55,0 0 14px #00d9ff88,0 4px 30px #0009}
.header-inner{max-width:1800px;min-height:76px;gap:30px}
.brand{font-size:34px;font-weight:900;font-style:italic;letter-spacing:1px;text-shadow:0 0 15px #bfeeffbb}
.brand img{width:42px;height:42px}
nav a.active{background:#073b5f;border-color:#52e9ff;box-shadow:inset 0 0 13px #12dbff66,0 0 14px #12dfffaa}
.wallet-pill{background:#071c37;border-color:#10c6e9;box-shadow:0 0 12px #12dfff55,inset 0 0 9px #12dfff22}
.wallet-pill strong{font-size:20px;text-shadow:0 0 10px #12dfffaa}
.market-shell{max-width:1800px;grid-template-columns:180px minmax(0,1fr) 310px;gap:10px;margin-top:10px;padding:0 8px}
.market-shell.nav-hidden{grid-template-columns:minmax(0,1fr) 310px}
.market-shell.panels-hidden{grid-template-columns:180px minmax(0,1fr)}
.market-shell.nav-hidden.panels-hidden{grid-template-columns:minmax(0,1fr)}
.panel-controls{margin:0 0 -3px;min-height:32px}
.panel-toggle{background:#071c37d9;border-color:#36b9de;box-shadow:inset 0 0 9px #00e5ff33,0 0 5px #00d9ff33}
.market-rail,.rail-panel,.hero,.category-section,.browse-section{background:linear-gradient(145deg,#0b2d54df,#05152eed 48%,#091d3edd);border:1px solid #32caff;box-shadow:inset 0 0 14px #4edbff4d,0 0 12px #06d2ff77,0 0 2px #fff8}
.market-rail{min-height:1030px;padding:8px 7px;background:linear-gradient(180deg,#0b2544e8,#06152fe8 70%,#0b1948ed)}
.market-rail:before,.rail-panel:before,.category-section:before,.browse-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#8deaff99 0 2px,transparent 2px 18px) top left/32px 32px no-repeat,linear-gradient(225deg,#8deaff99 0 2px,transparent 2px 18px) top right/32px 32px no-repeat}
.market-rail a,.market-rail button{font-size:12px;padding:12px 10px;color:#f3faff}
.market-rail a.active{background:linear-gradient(90deg,#066696,#0d3970);border:1px solid #77efff;box-shadow:0 0 16px #05d9ffdd,inset 0 0 13px #38dfffaa}
.rail-brand{margin:14px 0 25px;gap:0}
.rail-brand img{width:105px;height:105px;object-fit:contain;filter:drop-shadow(0 0 11px #00dbffcc)}
.rail-brand strong{font-size:25px;text-shadow:0 0 12px #e6f9ffff}
.rail-scene{height:290px;background:radial-gradient(circle at 50% 31%,#ff497d 0 13%,#9d1f73 15%,transparent 16%),url('/assets/network-grid.svg') 50% bottom/auto 300px no-repeat;opacity:.9}
.hero{min-height:435px;padding:32px 27px;margin:0;background-image:linear-gradient(90deg,#030b20f7 0%,#04132be8 34%,#04132b75 51%,#04132b00 72%),url('/assets/hero-hologram.png');background-position:center,center 50%;background-size:cover;border-color:#1fc7f4;box-shadow:inset 0 0 19px #42d9ff66,0 0 12px #00cfff88}
.hero:after{display:none}
.hero-copy{width:53%;z-index:2}
.hero-art{display:none}
.eyebrow{color:#effcff;font-size:10px;letter-spacing:2.4px;text-shadow:0 0 8px #7de8ffbb}
.eyebrow:after{content:"";display:block;width:26%;height:1px;background:#13e7ff;box-shadow:0 0 9px #16dfff}
.hero h1{font-size:clamp(34px,3.4vw,56px);line-height:1.08;letter-spacing:-1.5px;margin:24px 0 14px;color:#fff;text-shadow:0 0 9px #d9f6ff88}
.hero h1 span{color:#2deaff;text-shadow:0 0 17px #00dcffcc}
.hero p{max-width:390px;font-size:13px;line-height:1.6;color:#f1f9ff;text-shadow:0 1px 6px #000}
.hero-buttons .btn{font-size:12px;font-weight:800;min-height:47px}
.hero .btn.red,.wallet-panel .btn.red{background:linear-gradient(180deg,#26f6ff,#00bddf);border-color:#8cfcff;color:#001629;box-shadow:0 0 17px #00e5ffee,inset 0 0 9px #b8ffffaa;text-shadow:none}
.hero .btn.red:hover,.wallet-panel .btn.red:hover{background:#71fbff;box-shadow:0 0 23px #00e5ffff}
.hero .btn.outline{background:linear-gradient(90deg,#7d143de8,#c2204fde);border-color:#ff7fa2;box-shadow:0 0 17px #ff356ecb,inset 0 0 8px #ff8cab88}
.category-section,.browse-section{position:relative;margin-top:10px;padding:13px 17px 10px;background:linear-gradient(155deg,#0c2b50ec,#061a36ed)}
.section-top{margin:0 0 10px;padding:0 0 8px;border-bottom:1px solid #27b8df}
.section-top h2{font-size:21px;letter-spacing:1.2px;text-shadow:0 0 7px #fff9}
.section-top p{margin-top:2px}
.category-grid{gap:5px}
.category{min-height:60px;background:linear-gradient(165deg,#0b3458,#102448);border-color:#3caace;box-shadow:inset 0 0 11px #71d6ff22}
.category.selected,.category:hover{background:linear-gradient(150deg,#087ca4,#0b3e72);border-color:#8ef5ff;box-shadow:0 0 13px #00e5ffcc,inset 0 0 10px #42ebff77}
.category strong{font-size:11px;color:#f6fdff}
.cat-icon,.category:nth-child(n) .cat-icon{color:#4af2ff}
.browse-section{padding-bottom:18px}
.browse-head{margin-bottom:12px}
.listing-grid{gap:11px}
.listing{background:linear-gradient(145deg,#16476ccf,#0b2446e8 54%,#073253d9);border:1px solid #4dd7ff;border-radius:4px;box-shadow:0 0 10px #12dfff99,inset 0 0 16px #6be6ff55}
.listing:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,#b7f3ff66,transparent 15%,transparent 80%,#3ceaff44);z-index:1}
.listing:hover{box-shadow:0 0 19px #10dfffdd,inset 0 0 20px #72e7ff77}
.listing-art,.listing:nth-child(n) .listing-art{height:230px;background:radial-gradient(ellipse at 50% 70%,#3274a9a6,#0a2346 65%,#061a36)}
.listing-art:before{background:linear-gradient(135deg,#b3f7ff22,transparent 34%,#ff267522)}
.listing-art img{height:198px;max-width:78%;filter:drop-shadow(0 0 14px #21dfffaa)}
.listing-info{padding:11px 13px}
.listing-title{color:#fff;text-shadow:0 0 7px #d5f7ff55}
.price{color:#21f4ff;text-shadow:0 0 8px #00dfffbb}
.save-btn{border-color:#62e9ff;box-shadow:0 0 7px #16dfff66}
.market-aside{gap:10px}
.rail-panel{position:relative;padding:14px 13px;background:linear-gradient(165deg,#0c3459ee,#061932ed 63%,#0c2a51ec)}
.rail-panel h2{font-size:17px}
.wallet-amount{margin:16px 0 13px;color:#35f2ff;text-shadow:0 0 12px #06e5ffbb}
.wallet-amount strong{font-size:30px}
.wallet-orbit{height:210px;margin-top:10px;background:radial-gradient(ellipse,#21518d99,#071a3c00 68%),url('/assets/network-grid.svg') center bottom/auto 260px no-repeat;border-top:1px solid #26cff0}
.wallet-orbit img{width:220px;height:200px;object-fit:contain;filter:drop-shadow(0 0 10px #00e5ffcc)}
.activity-heading span{background:#95173966;box-shadow:0 0 7px #ff426d88}
.activity-item{border-top-color:#277da6}
.activity-item img{border:1px solid #4dd6ff;box-shadow:0 0 6px #13dfff88}
.activity-more{border-color:#58eaff;box-shadow:0 0 12px #0edfff88,inset 0 0 9px #00dfff55}
.panel,.how-banner,.balance-card,.stat,.how-step,.modal{border-color:#2bbbe4;box-shadow:inset 0 0 14px #36deff33,0 0 9px #0bcfff44}
.mobile-nav{box-shadow:0 -2px 15px #00dfff55}
@media(max-width:1400px){.market-shell{grid-template-columns:170px minmax(0,1fr) 270px}.market-shell.nav-hidden{grid-template-columns:minmax(0,1fr) 270px}.market-shell.panels-hidden{grid-template-columns:170px minmax(0,1fr)}.market-shell.nav-hidden.panels-hidden{grid-template-columns:minmax(0,1fr)}.hero{min-height:410px}.hero h1{font-size:clamp(30px,3.1vw,48px)}.wallet-amount strong{font-size:25px}.wallet-orbit img{width:185px}}
@media(max-width:1180px){.market-shell.nav-hidden{grid-template-columns:minmax(0,1fr)}.market-shell.panels-hidden{grid-template-columns:145px minmax(0,1fr)}.market-shell.nav-hidden.panels-hidden{grid-template-columns:minmax(0,1fr)}.hero{min-height:390px}.wallet-orbit{height:150px}.wallet-orbit img{height:145px}}
@media(max-width:800px){.market-shell,.market-shell.nav-hidden,.market-shell.panels-hidden,.market-shell.nav-hidden.panels-hidden{display:flex}.hero{min-height:460px}.hero-copy{width:60%}.market-aside{margin:0 0 10px}.wallet-orbit{display:none}}
@media(max-width:600px){.market-shell{padding:0 8px}.hero{min-height:545px;background-image:linear-gradient(180deg,#030a1df9 0%,#04102de8 37%,#04102d33 58%,transparent 100%),url('/assets/hero-hologram.png');background-size:cover,auto 100%;background-position:center,65% center;padding:23px 17px}.hero-copy{width:100%}.hero h1{font-size:34px}.hero p{max-width:325px}.hero-buttons .btn{font-size:10px}.category-section,.browse-section{padding:13px 10px}.listing-art,.listing:nth-child(n) .listing-art{height:180px}.listing-art img{height:152px}.wallet-orbit{display:none}}