/* ===== RESET & ROOT ===== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
    --nc: #00f5ff; --np: #bf00ff; --ng: #00ff88; --no: #ff6b00; --pc: #d58eed;
    --db: #030712; --ds: #0d1117; --dc: #111827;
    --dbd: rgba(0,245,255,0.15);
    --tp: #e2e8f0; --ts: #64748b;
    --fd: 'Orbitron', monospace;
    --fm: 'Share Tech Mono', monospace;
    --fb: 'Inter', sans-serif;
}



/* ===== SECTION COMMON ===== */
.sec { padding: 4rem 1.5rem; max-width: 1100px; margin: 0 auto; }
.sec-tag { font-family: var(--fm); font-size: 11px; color: var(--np); letter-spacing: 3px; text-transform: uppercase; margin-bottom: .75rem; }
.sec-title { font-family: var(--fd); font-size: clamp(22px,3vw,38px); font-weight: 700; color: #fff; margin-bottom: .75rem; line-height: 1.2; }
.sec-sub { font-size: 15px; color: var(--ts); margin-bottom: 2.5rem; max-width: 500px; line-height: 1.7; }

/* ===== NFT ===== */
.nft-filters { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 1.5rem;margin-top: 1.5rem; }
.filter-btn { font-family: var(--fm); font-size: 11px; color: var(--ts); background: var(--dc); border: 1px solid var(--dbd); padding: 7px 16px; border-radius: 20px; transition: all .2s; letter-spacing: .5px; }
.filter-btn:hover, .filter-btn.active { color: var(--nc); border-color: rgba(0,245,255,.4); background: rgba(0,245,255,.07); }
.nft-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(180px,1fr)); gap: 14px; }
.nft-card { background: var(--dc); border: 1px solid var(--dbd); border-radius: 8px; overflow: hidden; transition: border-color .2s, transform .25s; cursor: pointer; animation: cardIn .5s ease both; }
.nft-card:hover { border-color: rgba(191,0,255,.5); transform: translateY(-3px); }
.nft-art { height: 170px; display: flex; align-items: center; justify-content: center; font-size: 58px; }
.nft-info { padding: .9rem; }
.nft-title { font-family: var(--fd); font-size: 12px; font-weight: 700; color: #fff; letter-spacing: 1px; margin-bottom: 3px; }
.nft-col { font-family: var(--fm); font-size: 10px; color: var(--ts); margin-top: 2px; }
.nft-price { font-family: var(--fm); font-size: 16px; color: var(--pc); margin-top: 4px; }
.nft-buy-btn { width: 100%; background: transparent; border: 1px solid rgba(191,0,255,.3); color: #fff; padding: 7px; font-family: var(--fd); font-size: 10px; font-weight: 700; letter-spacing: 1px; cursor: pointer; border-radius: 4px; margin-top: 8px; transition: all .2s; }
.nft-buy-btn:hover { background: rgba(191,0,255,.1); border-color: var(--np); }

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .nav-desktop { display: none; }
    .ham-btn { display: flex; }
    .conn-btn { display: none; }
    .stats-row { grid-template-columns: 1fr 1fr 1fr; }
    .nft-grid { grid-template-columns: repeat(auto-fill,minmax(150px,1fr)); }
    .sec { padding: 3rem 1rem; }
}
@media (max-width: 480px) {
    .stats-row { grid-template-columns: 1fr; }
    .btn-primary, .btn-ghost { width: 220px; text-align: center; }
    .nft-grid { grid-template-columns: repeat(2,1fr); }