:root{--bg-1:#07111f;--bg-2:#0b1730;--panel:rgba(255,255,255,.05);--panel-strong:rgba(7,17,31,.88);--line:rgba(255,255,255,.1);--text:#f3fffb;--muted:#a7c5bc;--accent:#00ffae;--accent-soft:rgba(0,255,174,.14);--shadow:0 20px 60px rgba(0,0,0,.35);--radius:1.25rem;--container:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text);background:radial-gradient(circle at top center,#1b2d50 0%,var(--bg-2) 35%,var(--bg-1) 100%);min-height:100vh;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.site-shell{width:min(100% - 2rem,var(--container));margin:0 auto}
.site-header{position: fixed;width: 100%;top:0;z-index:1200;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(5,10,22,.94),rgba(5,10,22,.72));backdrop-filter:blur(16px)}.site-nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.65rem;font-size:1.15rem;font-weight:950;letter-spacing:-.025em}.brand-logo,.brand-badge{width:2.3rem;height:2.3rem;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 0 12px rgba(0,255,174,.18))}.brand-badge{border-radius:10px;border:1px solid rgba(0,255,174,.35);background:linear-gradient(135deg,rgba(0,255,174,.2),rgba(255,255,255,.06));display:grid;place-items:center;box-shadow:0 0 24px rgba(0,255,174,.22)}
.nav-links{display:flex;align-items:center;gap:.35rem}.nav-link,.nav-group-trigger{min-height:40px;padding:.58rem .75rem;border-radius:10px;color:#dffef3;background:transparent;border:1px solid transparent;font-weight:850;font-size:.88rem;cursor:pointer;transition:.18s ease}.nav-link:hover,.nav-group-trigger:hover,.nav-link.is-active,.nav-group-trigger.is-active{background:rgba(0,255,174,.08);border-color:rgba(0,255,174,.2);color:#b8ffea}.nav-group{position:relative}.nav-group-trigger{display:inline-flex;align-items:center;gap:.35rem}.nav-group-menu{position:absolute;top:calc(100% + .55rem);left:0;min-width:230px;padding:.55rem;border-radius:1rem;background:rgba(8,16,31,.96);border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 70px rgba(0,0,0,.42);backdrop-filter:blur(16px);display:none}.nav-group:hover .nav-group-menu,.nav-group:focus-within .nav-group-menu{display:grid;gap:.25rem}.menu-link,.nav-group-menu a{display:flex;align-items:center;min-height:38px;padding:.58rem .7rem;border-radius:.75rem;color:#dffef3;text-decoration:none;font-weight:800;font-size:.86rem}.menu-link:hover,.menu-link.is-active,.nav-group-menu a:hover,.nav-group-menu a.is-active{background:rgba(0,255,174,.09);color:#7cfdda}.nav-cta{display:flex;align-items:center;gap:.65rem}.mobile-header-actions{display:none;align-items:center;gap:.55rem}
.mobile-toggle{display:inline-flex;width:2.75rem;height:2.75rem;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);cursor:pointer}.mobile-menu{display:none;padding:0 0 1rem}.mobile-menu.is-open{display:block}.mobile-panel{margin-top:.75rem;padding:.75rem;border-radius:1.2rem;background:rgba(8,16,31,.96);border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 70px rgba(0,0,0,.36);backdrop-filter:blur(16px)}.mobile-link,.mobile-group-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:42px;padding:.68rem .75rem;border-radius:.85rem;color:#eafff7;background:transparent;border:1px solid transparent;text-decoration:none;font-weight:850;cursor:pointer}.mobile-link:hover,.mobile-link.is-active,.mobile-group-toggle:hover{background:rgba(0,255,174,.08);border-color:rgba(0,255,174,.16);color:#7cfdda}.mobile-submenu{display:none;padding:.25rem 0 .35rem .65rem}.mobile-submenu.is-open{display:grid;gap:.2rem}
.button,.button-secondary,.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:12px;font-weight:850;transition:.18s ease;cursor:pointer}.button{padding:.85rem 1.15rem;border:1px solid transparent;background:var(--accent);color:#031118;box-shadow:0 10px 30px rgba(0,255,174,.18)}.button:hover,.button-secondary:hover,.btn:hover{transform:translateY(-1px);filter:brightness(1.03)}.button-secondary{padding:.85rem 1.15rem;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text)}.btn{border:1px solid transparent;padding:12px 16px;color:#03110d;background:linear-gradient(135deg,var(--accent),#98ffd9)}.btn.secondary{background:rgba(255,255,255,.03);color:var(--text);border-color:rgba(255,255,255,.08)}.btn.blue{background:linear-gradient(135deg,#60a5fa,#2563eb);color:#eef5ff}.btn.gray{background:rgba(148,163,184,.12);color:#e5edf8;border-color:rgba(148,163,184,.18)}.btn.ghost{background:transparent;color:var(--text);border-color:var(--line)}
main{padding-top: 65px;}.section-top{padding:1.5rem 0 0}.section{padding:.3rem 0}.section-header{margin-bottom:1.5rem}.eyebrow{display:inline-block;margin-bottom:.8rem;color:var(--accent);font-size:.85rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.h1{font-size:clamp(1.3rem,3vw,4.8rem);line-height:1.03;margin:0 0 1rem}.h2{font-size:clamp(1.8rem,3vw,2.7rem);margin:0 0 .75rem}.lead{color:var(--muted);font-size:1.08rem;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:0}
.glass-card,.metric-card,.feature-card,.partner-card{border:1px solid rgba(255,255,255,.08);background:var(--panel);backdrop-filter:blur(10px);border-radius:var(--radius);box-shadow:var(--shadow)}.card-body{padding:1.25rem}.card-topline{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .7rem;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.04em}.card-title{margin:1rem 0 .55rem;font-size:1.25rem}.card-copy{margin:0;color:var(--muted);line-height:1.6}.card-links{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}.inline-link{color:var(--accent);font-weight:800}.partner-role{margin-top:.9rem;color:var(--accent);font-weight:800}.metric-card{padding:1.35rem}.metric-head{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:.75rem}.metric-head p{margin:.25rem 0 0;color:var(--muted)}.pill{display:inline-flex;align-items:center;justify-content:center;min-width:5rem;padding:.3rem .7rem;border-radius:10px;background:rgba(255,255,255,.06)}.quick-stat{padding:1rem;border-radius:1rem;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)}.quick-stat strong{display:block;font-size:1.2rem;color:var(--accent)}
.wallet-chip,.mobile-wallet-chip{position:relative;display:inline-flex;align-items:center;gap:.55rem;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 0 0,rgba(0,255,174,.16),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.035));color:#eafff7;border-radius:10px;min-height:44px;padding:.45rem .62rem .45rem .48rem;box-shadow:0 16px 42px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.08);cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.wallet-chip:hover,.mobile-wallet-chip:hover{transform:translateY(-1px);border-color:rgba(0,255,174,.32);box-shadow:0 18px 48px rgba(0,255,174,.1),0 16px 42px rgba(0,0,0,.28)}.wallet-chip.is-connected,.mobile-wallet-chip.is-connected{border-color:rgba(0,255,174,.34)}.wallet-chip.is-wrong-chain,.mobile-wallet-chip.is-wrong-chain{border-color:rgba(255,214,102,.42)}.wallet-chip-icon,.mobile-wallet-chip-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;overflow:hidden;background:#07111e;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 4px rgba(0,255,174,.035);flex:0 0 auto}.wallet-chip-icon img,.wallet-chip-icon svg,.mobile-wallet-chip-icon img,.mobile-wallet-chip-icon svg{width:22px;height:22px;display:block}.wallet-chip-main{display:grid;line-height:1.08;text-align:left}.wallet-chip-label,.mobile-wallet-chip-text,#wallet-chip-text{font-weight:950;font-size:.86rem;letter-spacing:-.015em;white-space:nowrap}.wallet-chip-sub{font-size:.66rem;color:#9fc8d7;font-weight:750;margin-top:.1rem}.wallet-chip-dot,.mobile-wallet-chip-dot{width:9px;height:9px;border-radius:10px;background:#64748b;box-shadow:0 0 0 3px rgba(100,116,139,.16);flex:0 0 auto}.wallet-chip-dot.is-connected,.mobile-wallet-chip-dot.is-connected{background:#00ffae;box-shadow:0 0 0 3px rgba(0,255,174,.16),0 0 18px rgba(0,255,174,.42)}.wallet-chip-dot.is-wrong-chain,.mobile-wallet-chip-dot.is-wrong-chain{background:#ffd666;box-shadow:0 0 0 3px rgba(255,214,102,.16),0 0 18px rgba(255,214,102,.34)}.wallet-chip-placeholder{width:14px;height:14px;border-radius:10px;background:linear-gradient(135deg,#00ffae,#64b5ff);display:block}
.mobile-wallet-chip{display:none}.wallet-panel-backdrop{position:fixed;inset:0;z-index:3000;display:none;align-items:center;justify-content:center;padding:1rem;background:rgba(3,8,18,.72);backdrop-filter:blur(8px)}.wallet-panel-backdrop:not([hidden]){display:flex}.wallet-panel-backdrop[hidden]{display:none!important}.wallet-panel-card{position:relative;overflow:hidden;width:min(430px,100%);border-radius:1.45rem;border:1px solid rgba(255,255,255,.11);background:radial-gradient(circle at 0 0,rgba(0,255,174,.13),transparent 34%),radial-gradient(circle at 100% 0,rgba(100,181,255,.1),transparent 32%),linear-gradient(180deg,rgba(12,24,45,.98),rgba(7,14,27,.98));box-shadow:0 30px 100px rgba(0,0,0,.56);padding:1.1rem}.wallet-panel-glow{position:absolute;right:-80px;bottom:-100px;width:240px;height:240px;border-radius:10px;background:radial-gradient(circle,rgba(0,255,174,.12),transparent 64%);pointer-events:none}.wallet-panel-card>*:not(.wallet-panel-glow){position:relative;z-index:1}.wallet-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.wallet-panel-title-row{display:flex;align-items:center;gap:.75rem}.wallet-panel-logo{width:46px;height:46px;border-radius:1rem;display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 32px rgba(0,0,0,.28)}.wallet-panel-logo img,.wallet-panel-logo svg{width:30px;height:30px}.wallet-panel-head strong{display:block;font-size:1.08rem;color:#f4fff9}.wallet-panel-muted{margin-top:.2rem;color:#9fc8d7;font-size:.82rem}.wallet-panel-close{width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);color:#eafff7;font-size:1.35rem;line-height:1;cursor:pointer}.wallet-panel-close:hover{border-color:rgba(0,255,174,.28);color:#7cfdda}
.wallet-panel-network{display:flex;align-items:center;gap:.55rem;margin-bottom:1rem;padding:.72rem .82rem;border-radius:1rem;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075);color:#dffef3;font-size:.84rem;font-weight:850}.wallet-network-dot{width:10px;height:10px;border-radius:10px;background:#64748b}.wallet-network-dot.is-connected{background:#00ffae;box-shadow:0 0 18px rgba(0,255,174,.44)}.wallet-network-dot.is-wrong-chain{background:#ffd666;box-shadow:0 0 18px rgba(255,214,102,.34)}.wallet-connect-grid{display:grid;gap:.75rem}.wallet-provider-card{display:flex;align-items:center;gap:.85rem;width:100%;text-align:left;border-radius:1.05rem;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.035));color:#eafff7;padding:.9rem;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.wallet-provider-card:hover{transform:translateY(-1px);border-color:rgba(0,255,174,.32);background:rgba(0,255,174,.075)}.wallet-provider-icon{width:42px;height:42px;border-radius:1rem;display:grid;place-items:center;overflow:hidden;background:#07111e;border:1px solid rgba(255,255,255,.1);flex:0 0 auto}.wallet-provider-icon img,.wallet-provider-icon svg{width:28px;height:28px}.wallet-provider-card strong{display:block;font-size:.98rem}.wallet-provider-card small{display:block;margin-top:.12rem;color:#9fc8d7;font-size:.78rem}.wallet-account-card,.wallet-panel-data div{padding:.9rem;border-radius:1rem;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075);margin-bottom:.9rem}.wallet-account-label,.wallet-panel-data span{display:block;color:#9fc8d7;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem}.wallet-account-card strong,.wallet-panel-data strong,#wallet-panel-address{display:block;color:#eafff7;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;word-break:break-all}.wallet-panel-links{display:flex;gap:.6rem;flex-wrap:wrap;margin:.9rem 0}.wallet-panel-actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.wallet-panel-button{width:100%;min-height:42px;border-radius:12px}
.site-footer{border-top:1px solid var(--line);background:rgba(0,0,0,.45)}.footer-grid{display:grid;gap:1.5rem;padding:2rem 0}.footer-brand p,.footer-list a,.footer-note{color:var(--muted)}.footer-list{display:grid;gap:.55rem}.footer-note{border-top:1px solid var(--line);padding:1rem 0 2rem;font-size:.92rem;text-align:center}.site-footer-simple{border-top:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}.footer-simple-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:2rem 0 1rem}.footer-simple-logo{display:inline-flex;align-items:center;justify-content:center}.footer-simple-logo .brand-logo{width:72px;height:72px;object-fit:contain}.footer-simple-text{margin:0;color:var(--muted);font-size:.92rem;line-height:1.5}.footer-simple-socials{display:flex;align-items:center;justify-content:center;gap:.75rem}.footer-social-btn{width:42px;height:42px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);transition:.16s ease}.footer-social-btn:hover{transform:translateY(-2px);border-color:rgba(0,255,174,.28);background:rgba(0,255,174,.08)}.footer-social-btn svg{width:18px;height:18px;fill:#fff}.footer-note-simple{margin-top:1rem;padding-top:1rem;text-align:center;font-size:.78rem;line-height:1.6;color:var(--muted);border-top:1px solid rgba(255,255,255,.05)}
.field,.ac-input,.amount-input{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0f1730;color:#fff;padding:.85rem .95rem;min-height:48px}.field:focus,.ac-input:focus,.amount-input:focus,.action-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ac-wrap{position:relative}.ac-list{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#0f1730;border:1px solid rgba(0,255,174,.2);border-radius:14px;box-shadow:0 10px 24px rgba(0,0,0,.35);z-index:50;max-height:290px;overflow:auto;display:none}.ac-item{display:flex;gap:8px;align-items:center;padding:10px 12px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px}.ac-item:last-child{border-bottom:0}.ac-item:hover{background:#0b1329}.ac-name{font-weight:600}.ac-sym{color:#a8ffd9}.ac-addr{margin-left:auto;font-family:ui-monospace,monospace;color:#9fb;opacity:.85}.ac-empty{padding:10px 12px;color:#a8ffd9;font-size:12px}
@media(min-width:1024px){.footer-grid{grid-template-columns:1fr 1fr 1fr 1fr 1fr}}
@media(max-width:980px){.nav-links,.nav-cta{display:none}.mobile-header-actions{display:flex}.site-nav{min-height:68px}.mobile-wallet-chip{display:inline-flex;min-height:40px;padding:.38rem .52rem}.mobile-wallet-chip-icon{width:26px;height:26px}.mobile-wallet-chip-icon img,.mobile-wallet-chip-icon svg{width:20px;height:20px}.mobile-wallet-chip-text{font-size:.8rem}.wallet-panel-card{border-radius:1.2rem}.wallet-panel-actions{grid-template-columns:1fr}.mobile-panel .button,.mobile-panel .button-secondary{width:100%}}
@media(max-width:640px){.site-shell{width:min(100% - 1rem,var(--container))}.pepu-shell{width:min(100% - 1rem,100%)}.hero-card,.announcement-card,.board-card,.footer-card{padding:1rem}.change-grid{grid-template-columns:1fr}.metric-row{flex-direction:column;align-items:flex-start}.metric-value{white-space:normal;text-align:left}.announcement-inner{min-height:3rem;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700;letter-spacing:.01em;padding:.6rem 0;font-size:smaller}.wallet-panel-backdrop{align-items:flex-start;padding-top:5rem}}

/* ================================
   PREMIUM WALLET UI — CLEAN FINAL
================================ */

#wallet-connect-actions[hidden],
#wallet-connected-actions[hidden],
.wallet-panel-backdrop[hidden],
[hidden]{
  display:none!important;
}

/* Header wallet chips */
.wallet-chip,
.mobile-wallet-chip{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:.52rem;
  min-height:42px;
  padding:.42rem .58rem .42rem .46rem;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.11);
  background:
    radial-gradient(circle at 0 0,rgba(0,255,174,.14),transparent 38%),
    linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
  color:#eafff7;
  box-shadow:
    0 14px 36px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.08);
  cursor:pointer;
  transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease;
}

.wallet-chip:hover,
.mobile-wallet-chip:hover{
  transform:translateY(-1px);
  border-color:rgba(0,255,174,.32);
  box-shadow:
    0 18px 46px rgba(0,255,174,.10),
    0 14px 36px rgba(0,0,0,.28);
}

.wallet-chip.is-connected,
.mobile-wallet-chip.is-connected{
  border-color:rgba(0,255,174,.34);
  background:
    radial-gradient(circle at 0 0,rgba(0,255,174,.18),transparent 42%),
    linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.04));
}

.wallet-chip.is-wrong-chain,
.mobile-wallet-chip.is-wrong-chain{
  border-color:rgba(255,214,102,.42);
}

.wallet-chip-icon,
.mobile-wallet-chip-icon{
  width:28px;
  height:28px;
  border-radius:999px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:#07111e;
  border:1px solid rgba(255,255,255,.11);
  box-shadow:0 0 0 4px rgba(0,255,174,.035);
  flex:0 0 auto;
}

.wallet-chip-icon img,
.wallet-chip-icon svg,
.mobile-wallet-chip-icon img,
.mobile-wallet-chip-icon svg{
  width:21px;
  height:21px;
  display:block;
}

.wallet-chip-main{
  display:grid;
  line-height:1.05;
  text-align:left;
}

.wallet-chip-label,
.mobile-wallet-chip-text,
#wallet-chip-text{
  font-weight:950;
  font-size:.84rem;
  letter-spacing:-.015em;
  white-space:nowrap;
}

.wallet-chip-sub{
  margin-top:.08rem;
  font-size:.64rem;
  color:#9fc8d7;
  font-weight:750;
  white-space:nowrap;
}

.wallet-chip-dot,
.mobile-wallet-chip-dot{
  width:8px;
  height:8px;
  border-radius:999px;
  background:#64748b;
  box-shadow:0 0 0 3px rgba(100,116,139,.16);
  flex:0 0 auto;
}

.wallet-chip-dot.is-connected,
.mobile-wallet-chip-dot.is-connected{
  background:#00ffae;
  box-shadow:
    0 0 0 3px rgba(0,255,174,.16),
    0 0 16px rgba(0,255,174,.45);
}

.wallet-chip-dot.is-wrong-chain,
.mobile-wallet-chip-dot.is-wrong-chain{
  background:#ffd666;
  box-shadow:
    0 0 0 3px rgba(255,214,102,.16),
    0 0 16px rgba(255,214,102,.36);
}

.wallet-chip-placeholder{
  width:13px;
  height:13px;
  border-radius:999px;
  display:block;
  background:linear-gradient(135deg,#00ffae,#64b5ff);
}

/* Backdrop — always centered, including mobile */
.wallet-panel-backdrop{
  position:fixed;
  inset:0;
  z-index:3000;
  display:flex;
  align-items:center!important;
  justify-content:center!important;
  padding:1rem!important;
  background:rgba(3,8,18,.70);
  backdrop-filter:blur(10px);
}

/* Panel */
.wallet-panel-card,
.wallet-panel-compact{
  position:relative;
  width:min(360px,calc(100vw - 1.5rem));
  max-height:calc(100dvh - 2rem);
  border-radius:1.35rem;
  padding:1rem;
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(circle at 0 0,rgba(0,255,174,.13),transparent 34%),
    radial-gradient(circle at 100% 0,rgba(100,181,255,.10),transparent 34%),
    linear-gradient(180deg,rgba(12,24,45,.98),rgba(6,13,26,.98));
  box-shadow:0 30px 100px rgba(0,0,0,.58);
}

.wallet-panel-card::after,
.wallet-panel-compact::after{
  content:"";
  position:absolute;
  right:-90px;
  bottom:-110px;
  width:220px;
  height:220px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(0,255,174,.12),transparent 64%);
  pointer-events:none;
}

.wallet-panel-card > *,
.wallet-panel-compact > *{
  position:relative;
  z-index:1;
}

/* Close button */
.wallet-panel-close{
  position:absolute!important;
  top:.68rem!important;
  right:.68rem!important;
  z-index:5!important;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:#eafff7;
  font-size:1.12rem;
  line-height:1;
  cursor:pointer;
  transition:.16s ease;
}

.wallet-panel-close:hover{
  color:#7cfdda;
  border-color:rgba(0,255,174,.30);
  background:rgba(0,255,174,.08);
}

/* Hero */
.wallet-panel-hero{
  display:flex;
  align-items:center;
  gap:.7rem;
  padding-right:2.1rem;
  margin-bottom:.72rem;
}

.wallet-panel-orb{
  width:40px;
  height:40px;
  border-radius:.95rem;
  display:grid;
  place-items:center;
  overflow:hidden;
  flex:0 0 auto;
  background:#07111e;
  border:1px solid rgba(255,255,255,.11);
  box-shadow:
    0 0 0 5px rgba(0,255,174,.035),
    0 14px 30px rgba(0,0,0,.30);
}

.wallet-panel-orb img,
.wallet-panel-orb svg{
  width:27px;
  height:27px;
  display:block;
}

.wallet-panel-hero strong{
  display:block;
  color:#f4fff9;
  font-size:.98rem;
  font-weight:950;
  letter-spacing:-.02em;
}

.wallet-panel-hero span{
  display:block;
  margin-top:.1rem;
  color:#9fc8d7;
  font-size:.76rem;
  font-weight:750;
}

/* PEPU chain pill */
.wallet-panel-network{
  display:flex;
  align-items:center;
  gap:.48rem;
  min-height:34px;
  padding:.46rem .58rem;
  margin-bottom:.72rem;
  border-radius:.85rem;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.075);
  color:#dffef3;
  font-size:.76rem;
  font-weight:850;
}

.wallet-panel-network::before{
  content:"";
  width:20px;
  height:20px;
  flex:0 0 20px;
  border-radius:999px;
  background:
    rgba(255,255,255,.06)
    url("https://toshtech.xyz/assets/gallery/logo-01.svg")
    center/contain no-repeat;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 0 12px rgba(0,255,174,.12);
}

.wallet-network-dot{
  width:8px;
  height:8px;
  border-radius:999px;
  background:#64748b;
  flex:0 0 auto;
}

.wallet-network-dot.is-connected{
  background:#00ffae;
  box-shadow:0 0 14px rgba(0,255,174,.45);
}

.wallet-network-dot.is-wrong-chain{
  background:#ffd666;
  box-shadow:0 0 14px rgba(255,214,102,.38);
}

/* Connect provider cards */
.wallet-connect-compact{
  display:grid;
  gap:.55rem;
}

.wallet-provider-mini{
  width:100%;
  display:flex;
  align-items:center;
  gap:.68rem;
  text-align:left;
  padding:.66rem;
  border-radius:.95rem;
  color:#eafff7;
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.09);
  cursor:pointer;
  transition:.16s ease;
}

.wallet-provider-mini:hover{
  transform:translateY(-1px);
  border-color:rgba(0,255,174,.30);
  background:rgba(0,255,174,.075);
}

.wallet-provider-icon-mini{
  width:34px;
  height:34px;
  border-radius:.85rem;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:#07111e;
  border:1px solid rgba(255,255,255,.10);
  flex:0 0 auto;
}

.wallet-provider-icon-mini img,
.wallet-provider-icon-mini svg{
  width:24px;
  height:24px;
  display:block;
}

.wallet-provider-mini strong{
  display:block;
  font-size:.88rem;
  font-weight:950;
}

.wallet-provider-mini small{
  display:block;
  margin-top:.05rem;
  color:#9fc8d7;
  font-size:.70rem;
  font-weight:700;
}

/* Connected state */
.wallet-connected-compact{
  display:grid;
  gap:.65rem;
}

.wallet-address-card{
  position:relative;
  padding:.68rem .72rem;
  border-radius:.95rem;
  background:
    radial-gradient(circle at top right,rgba(0,255,174,.055),transparent 42%),
    rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.075);
}

.wallet-address-card span{
  display:block;
  margin-bottom:.32rem;
  color:#9fc8d7;
  font-size:.64rem;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.07em;
}

.wallet-address-card strong,
#wallet-panel-address{
  display:block;
  max-width:100%;
  color:#eafff7;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.70rem!important;
  line-height:1.38;
  letter-spacing:-.035em;
  overflow-wrap:anywhere;
  word-break:break-word;
}

/* Quick links */
.wallet-quick-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.42rem;
}

.wallet-quick-link{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:.42rem .44rem;
  border-radius:.72rem;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.075);
  color:#dffef3;
  font-size:.70rem;
  font-weight:900;
  text-align:center;
  transition:.16s ease;
}

.wallet-quick-link:hover{
  color:#7cfdda;
  border-color:rgba(0,255,174,.25);
  background:rgba(0,255,174,.07);
}

/* Buttons */
.wallet-panel-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.5rem;
}

.wallet-panel-button{
  width:100%;
  min-height:38px;
  border-radius:.78rem;
  border:1px solid rgba(255,255,255,.09);
  font-size:.78rem;
  font-weight:950;
  cursor:pointer;
  transition:.16s ease;
}

.wallet-panel-button.soft{
  color:#eafff7;
  background:rgba(255,255,255,.055);
}

.wallet-panel-button.danger{
  color:#ffd6d6;
  background:rgba(255,80,80,.08);
  border-color:rgba(255,80,80,.20);
}

.wallet-panel-button:hover{
  transform:translateY(-1px);
}

/* Mobile */
@media(max-width:980px){
  .wallet-chip{
    display:none;
  }

  .mobile-wallet-chip{
    display:inline-flex;
    min-height:38px;
    padding:.34rem .48rem;
  }

  .mobile-wallet-chip-icon{
    width:25px;
    height:25px;
  }

  .mobile-wallet-chip-icon img,
  .mobile-wallet-chip-icon svg{
    width:19px;
    height:19px;
  }

  .mobile-wallet-chip-text{
    font-size:.78rem;
  }
}

@media(max-width:520px){
  .wallet-panel-backdrop{
    align-items:center!important;
    justify-content:center!important;
    padding:.75rem!important;
  }

  .wallet-panel-card,
  .wallet-panel-compact{
    width:min(350px,calc(100vw - 1.25rem));
    max-height:calc(100dvh - 1.5rem);
    border-radius:1.18rem;
    padding:.9rem;
  }

  .wallet-panel-hero{
    gap:.62rem;
    margin-bottom:.62rem;
  }

  .wallet-panel-orb{
    width:38px;
    height:38px;
  }

  .wallet-panel-orb img,
  .wallet-panel-orb svg{
    width:25px;
    height:25px;
  }

  .wallet-panel-network{
    min-height:32px;
    font-size:.72rem;
  }

  .wallet-quick-actions{
    grid-template-columns:1fr 1fr 1fr;
  }

  .wallet-panel-actions{
    grid-template-columns:1fr 1fr;
  }
}

/* Desktop nav dropdown fix */
.nav-group{
  position:relative;
}

.nav-group::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:100%;
  height:.75rem;
  z-index:20;
}

.nav-group-menu{
  position:absolute;
  top:calc(100% + .45rem);
  left:0;
  min-width:230px;
  padding:.55rem;
  border-radius:1rem;
  background:rgba(8,16,31,.97);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 24px 70px rgba(0,0,0,.42);
  backdrop-filter:blur(16px);
  display:grid;
  gap:.25rem;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(6px);
  transition:opacity .16s ease, transform .16s ease, visibility .16s ease;
  z-index:50;
}

.nav-group:hover .nav-group-menu,
.nav-group:focus-within .nav-group-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}

.nav-group-menu .menu-link,
.nav-group-menu a{
  display:flex;
  align-items:center;
  min-height:38px;
  padding:.58rem .7rem;
  border-radius:.75rem;
  color:#dffef3;
  text-decoration:none;
  font-weight:800;
  font-size:.86rem;
}

.nav-group-menu .menu-link:hover,
.nav-group-menu .menu-link.is-active,
.nav-group-menu a:hover,
.nav-group-menu a.is-active{
  background:rgba(0,255,174,.09);
  color:#7cfdda;
}