:root{--pink: #ff2d9b;--purple: #7b2fff;--cyan: #00f7ff;--gold: #ffd700;--green: #00ff88;--bg: #07060f;--card: rgba(255,255,255,.05);--border: rgba(255,255,255,.09);--nav-h: 68px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:#fff;font-family:Space Grotesk,sans-serif;overflow-x:hidden;min-height:100vh}#topnav{position:fixed;top:0;left:0;right:0;z-index:200;height:var(--nav-h);display:flex;align-items:center;gap:20px;padding:0 40px;background:#07060fd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,45,155,.15)}.nav-logo-btn{background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;text-decoration:none}.nav-logo{height:42px;width:auto;display:block}.tab-links{display:flex;gap:4px;flex:1;justify-content:center}.nav-link,.tab-btn{background:none;border:none;color:#ffffff94;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:14px;padding:8px 18px;border-radius:50px;cursor:pointer;transition:color .2s,background .2s;letter-spacing:.02em;text-decoration:none}.nav-link:hover,.tab-btn:hover{color:#fff;background:#ffffff12}.tab-btn.active{color:#fff;background:linear-gradient(135deg,#ff2d9b38,#7b2fff38);border:1px solid rgba(255,45,155,.3)}.nav-twitter{display:flex;align-items:center;justify-content:center;color:#ffffffa6;padding:6px 8px;border-radius:8px;transition:color .2s,background .2s;text-decoration:none}.nav-twitter:hover{color:#fff;background:#ffffff1a}.btn-connect{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;border:none;padding:9px 22px;border-radius:50px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:13px;cursor:pointer;transition:transform .2s,box-shadow .2s;flex-shrink:0;white-space:nowrap;text-decoration:none}.btn-connect:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ff2d9b66}#app{padding-top:var(--nav-h)}.tab-panel{display:none}.tab-panel.active{display:block}.page-section{padding:88px 48px}.sec-title{font-size:clamp(28px,4vw,50px);font-weight:800;text-align:center;line-height:1.1;margin-bottom:12px}.sec-title .hl,.section-heading .hl{background:linear-gradient(135deg,var(--pink),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sec-sub{text-align:center;color:#ffffff94;font-size:16px;max-width:560px;margin:0 auto 56px;line-height:1.75}.section-heading{font-size:clamp(26px,3.5vw,44px);font-weight:800;margin-bottom:20px;line-height:1.15}.section-copy{color:#ffffffb8;line-height:1.82;margin-bottom:16px;font-size:16px}.btn-primary{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;border:none;padding:16px 42px;border-radius:50px;font-family:Space Grotesk,sans-serif;font-weight:800;font-size:17px;cursor:pointer;transition:all .3s;box-shadow:0 0 32px #ff2d9b80;letter-spacing:.02em;text-decoration:none}.btn-primary:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 0 52px #ff2d9bb3}.btn-primary:disabled{opacity:.55;pointer-events:none}.btn-outline{background:transparent;color:#fff;border:2px solid var(--cyan);padding:13px 36px;border-radius:50px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s;text-decoration:none}.btn-outline:hover{background:#00f7ff1a;box-shadow:0 0 24px #00f7ff40}.pill{display:inline-block;padding:5px 14px;border-radius:50px;font-size:12px;font-weight:700;border:1px solid rgba(255,255,255,.14);color:#ffffffb3;background:#ffffff0d}.pill.pink{border-color:#ff2d9b66;color:var(--pink)}.pill.cyan{border-color:#00f7ff66;color:var(--cyan)}.pill.gold{border-color:#ffd70066;color:var(--gold)}.pill.purple{border-color:#7b2fff66;color:var(--purple)}.fobj{position:absolute;pointer-events:none;animation:float ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.fobj-spin{animation-name:float-spin}@keyframes float-spin{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-16px) rotate(360deg)}}.stats-bar{background:#7b2fff1a;border-top:1px solid rgba(123,47,255,.22);border-bottom:1px solid rgba(123,47,255,.22);padding:24px 48px;display:flex;justify-content:center;gap:64px;flex-wrap:wrap}.stat{text-align:center}.stat-num{font-size:38px;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--pink),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:12px;color:#ffffff75;margin-top:5px;letter-spacing:.06em;text-transform:uppercase}.nft-card{background:var(--card);border-radius:20px;overflow:hidden;border:1px solid var(--border);transition:transform .3s,box-shadow .3s,border-color .3s;cursor:pointer}.nft-card:hover{transform:translateY(-8px);box-shadow:0 18px 48px #ff2d9b3d;border-color:#ff2d9b52}.nft-art{width:100%;aspect-ratio:1;background:#0c0d1c;display:flex;align-items:center;justify-content:center;overflow:hidden}.nft-art svg{width:100%;height:100%}.nft-info{padding:14px 16px}.nft-id{font-size:13px;font-weight:800;margin-bottom:8px}.nft-traits{display:flex;flex-wrap:wrap;gap:5px}.nft-trait-pill{font-size:10px;font-weight:700;padding:3px 8px;border-radius:50px;background:#ffffff12;color:#fff9;border:1px solid rgba(255,255,255,.1)}.nft-trait-pill span{color:var(--cyan)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;max-width:1060px;margin:0 auto}.traits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:16px;max-width:1060px;margin:0 auto}.trait-card{background:#ffffff0d;border:1px solid var(--border);border-radius:18px;padding:20px 14px;text-align:center;transition:transform .3s,border-color .3s,box-shadow .3s}.trait-card:hover{transform:translateY(-6px);border-color:var(--pink);box-shadow:0 10px 32px #ff2d9b33}.trait-card img{width:84px;height:84px;object-fit:contain;margin-bottom:10px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.trait-cat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--cyan);margin-bottom:3px}.trait-name{font-size:13px;font-weight:700;margin-bottom:6px}.rarity-badge{display:inline-block;padding:2px 9px;border-radius:50px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.rb-common{background:#ffffff1a;color:#ffffff8c}.rb-uncommon{background:#00f7ff24;color:var(--cyan)}.rb-rare{background:#ff2d9b29;color:var(--pink)}.rb-ultra{background:#ffd70029;color:var(--gold)}.token-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;max-width:900px;margin:0 auto 48px}.token-card{background:#ffffff0a;border:1px solid var(--border);border-radius:18px;padding:24px 20px;text-align:center}.token-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fff6;margin-bottom:8px}.token-value{font-size:20px;font-weight:800;background:linear-gradient(135deg,var(--pink),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chain-box{max-width:640px;margin:0 auto;text-align:center;background:#ffffff0a;border:1px solid rgba(255,45,155,.2);border-radius:24px;padding:40px 32px}.chain-box h3{font-size:20px;font-weight:800;margin-bottom:24px}.chain-details{text-align:left;display:flex;flex-direction:column;gap:12px}.chain-details div{display:flex;flex-direction:column;gap:4px;padding:12px 16px;background:#00000040;border-radius:12px}.chain-details span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fff6}.chain-details code{font-size:13px;color:var(--cyan);word-break:break-all;font-family:Space Grotesk,monospace}.site-footer{padding:48px 24px 64px;text-align:center;border-top:1px solid rgba(255,45,155,.12);background:#0003}.footer-logo{height:48px;margin-bottom:16px}.footer-copy{font-size:14px;color:#ffffff73;max-width:480px;margin:0 auto}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}@media (max-width: 860px){#topnav{padding:0 16px;gap:10px}.nav-link,.tab-btn{font-size:12px;padding:7px 12px}.page-section{padding:60px 18px}.stats-bar{gap:24px;padding:20px 18px}}@media (max-width: 560px){.tab-links{gap:2px}.nav-link,.tab-btn{font-size:11px;padding:6px 10px}.nav-logo{height:30px}}