.site-navbar { align-items:center; display:grid; gap:1.5rem; grid-template-columns:1fr auto 1fr; min-height:5.5rem; }
.desktop-navigation { align-items:center; display:flex; gap:2rem; justify-content:center; }
.desktop-navigation a { color:#345249; font-size:.88rem; font-weight:700; padding:.6rem 0; }
.desktop-navigation a.active,.desktop-navigation a:hover { color:#02a66a; }
.header-utility { align-items:center; display:flex; gap:.75rem; justify-content:flex-end; }
.header-utility .language-switch { margin:0; }
.header-wallet-summary { background:#f3faf6; border:1px solid #d5e8dc; border-radius:.7rem; color:#193b30; display:grid; line-height:1.1; min-width:8.5rem; padding:.4rem .55rem; }
.header-wallet-summary:hover { border-color:#02a66a; color:#193b30; }
.header-wallet-summary .header-wallet-label { color:#698077; font-size:.58rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.header-wallet-summary strong { font-family:'DM Mono',monospace; font-size:.72rem; margin-top:.15rem; }
.header-wallet-summary small { color:#456158; font-family:'DM Mono',monospace; font-size:.58rem; margin-top:.2rem; white-space:nowrap; }
.header-wallet-summary [data-wallet-assets] { align-items:center; display:flex; gap:.22rem; }
.header-wallet-summary .asset-chip { align-items:baseline; border:1px solid; border-radius:.35rem; display:inline-flex; font-family:'DM Mono',monospace; gap:.18rem; padding:.18rem .26rem; }
.header-wallet-summary .asset-chip span { font-size:.48rem; font-weight:800; }
.header-wallet-summary .asset-chip strong { font-size:.58rem; font-weight:800; }
.header-wallet-summary .asset-usdt { background:#eafaf3; border-color:#aee6ca; color:#087f50; }
.header-wallet-summary .asset-sdbc { background:#edf9f4; border-color:#89d8b1; color:#056c47; }
.header-wallet-summary.is-empty { opacity:.72; }
.mobile-navigation { display:none; }
@media (max-width:900px) { .site-navbar { grid-template-columns:1fr auto; min-height:4.75rem; } .desktop-navigation,.desktop-account,.header-wallet-summary { display:none; } .header-utility { gap:.5rem; } .mobile-navigation { display:block; position:relative; } .mobile-navigation summary { align-items:center; border:1px solid #cfe2d7; border-radius:.7rem; cursor:pointer; display:flex; flex-direction:column; gap:.24rem; height:2.4rem; justify-content:center; list-style:none; width:2.55rem; } .mobile-navigation summary::-webkit-details-marker { display:none; } .mobile-navigation summary span { background:#0a2b21; height:2px; width:1.05rem; } .mobile-navigation[open] summary { background:#effcf4; border-color:#02a66a; } .mobile-navigation-panel { background:#fff; border:1px solid #dcece3; border-radius:1rem; box-shadow:0 1rem 2.5rem rgba(16,35,31,.16); display:grid; gap:.75rem; min-width:13rem; padding:.8rem; position:absolute; right:0; top:calc(100% + .7rem); z-index:10; } .mobile-wallet-summary { background:#f3faf6; border:1px solid #d5e8dc; border-radius:.7rem; color:#193b30; display:grid; gap:.18rem; padding:.7rem .8rem; } .mobile-wallet-summary span { color:#698077; font-size:.65rem; font-weight:800; } .mobile-wallet-summary strong,.mobile-wallet-summary small { font-family:'DM Mono',monospace; font-size:.72rem; } .mobile-wallet-summary small { color:#456158; font-size:.64rem; } .mobile-navigation-panel nav,.page-home .mobile-navigation-panel nav { display:grid; } .mobile-navigation-panel nav a,.page-home .mobile-navigation-panel nav a { color:#193b30; font-size:.92rem; font-weight:700; padding:.8rem; } .mobile-navigation-panel nav a.active { background:#effcf4; border-radius:.6rem; color:#02a66a; } }
@media (max-width:390px) { .site-navbar { gap:.6rem; padding-left:1rem; padding-right:1rem; } .brand { font-size:1.35rem; } .language-select { max-width:6.5rem; } }
.page-home .mobile-navigation summary { border-color:rgba(167,255,208,.72); }
.page-home .mobile-navigation summary span { background:#a7ffd0; }
.page-home .mobile-navigation[open] summary { background:#a7ffd0; border-color:#a7ffd0; }
.page-home .mobile-navigation[open] summary span { background:#09251e; }