: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}.nav-logo{height:38px;display:block}.tab-links{display:flex;gap:4px;flex:1;justify-content:center}.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}.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)}.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}.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{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}.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}.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}.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.green{border-color:#0f86;color:var(--green)}.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)}.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)}.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}.mint-box{max-width:520px;margin:0 auto;background:#ffffff0d;border:1px solid rgba(255,45,155,.28);border-radius:28px;padding:48px 40px;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mint-price-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#fff6;margin-bottom:4px}.mint-price-val{font-size:50px;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--gold),var(--pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}.mint-price-sub{font-size:12px;color:#ffffff61;margin-bottom:32px}.qty-row{display:flex;align-items:center;justify-content:center;gap:22px;margin-bottom:28px}.qty-btn{width:44px;height:44px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:#fff;font-size:22px;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.qty-btn:hover{background:var(--purple)}.qty-num{font-size:38px;font-weight:800;min-width:52px}.supply-section{margin-bottom:28px}.supply-bar{background:#ffffff17;border-radius:50px;height:7px;overflow:hidden;margin-bottom:7px}.supply-fill{height:100%;background:linear-gradient(90deg,var(--pink),var(--purple));border-radius:50px;transition:width 1s ease}.supply-text{font-size:12px;color:#ffffff6b}.mint-btn{width:100%;font-size:17px;padding:17px;margin-bottom:14px}.wallet-info-box{margin-top:16px;padding:12px 14px;background:#ffffff0a;border-radius:12px;font-size:11px;color:#ffffff73;word-break:break-all}.mint-status{min-height:20px;font-size:13px;font-weight:600;margin-top:12px}.connect-prompt{display:flex;flex-direction:column;align-items:center;gap:20px;padding:80px 20px;text-align:center}.connect-prompt img{width:120px;opacity:.7}.connect-prompt h3{font-size:22px;font-weight:800}.connect-prompt p{font-size:15px;color:#ffffff8c}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;max-width:1060px;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}.tab-btn{font-size:12px;padding:7px 12px}.page-section{padding:60px 18px}.stats-bar{gap:24px;padding:20px 18px}.mint-box{padding:32px 20px}}@media (max-width: 560px){.tab-links{gap:2px}.tab-btn{font-size:11px;padding:6px 10px}.nav-logo{height:30px}}