@media(max-width:1024px){
  .nav-links{display:none}
  .hamburger{display:flex}
  .header-actions{display:none}
  .mobile-theme-btn{display:flex!important}
  .feature-card{grid-template-columns:1fr;text-align:center}
  .feature-card.reverse{direction:ltr}
  .security-cards{grid-template-columns:repeat(2,1fr)}
  .testimonials{grid-template-columns:repeat(2,1fr)}
  .footer-columns{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1024px){
  .mobile-menu{display:block;transition:transform .3s ease,opacity .3s ease;transform:translateX(100%);opacity:0;pointer-events:none}
  .mobile-menu.open{transform:translateX(0);opacity:1;pointer-events:auto}
  .mobile-menu.open+.menu-overlay{display:block}
  .menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index:998}
}
.hamburger.open span{background:transparent}
.hamburger.open span::before{top:0;transform:rotate(45deg)}
.hamburger.open span::after{top:0;transform:rotate(-45deg)}
@media(min-width:641px){.dash-layout{max-width:100%!important;border-radius:0;margin:0;min-height:100vh}}
@media(max-width:640px){.dash-layout{max-width:100%!important;border-radius:0;margin:0;min-height:100vh}}
@media(max-width:640px){
  .header-inner{padding:0 12px}
  .logo svg{height:32px}
  .logo-text{font-size:16px}
  .hamburger{width:36px;height:36px}
  .mobile-theme-btn{width:36px;height:36px;font-size:14px;margin-right:4px}
  .stats-grid{gap:24px}
  .stat-item{min-width:calc(50% - 12px)}
  .security-cards,.testimonials,.footer-columns{grid-template-columns:1fr}
  .ratings-grid{flex-direction:column;gap:24px}
  .hero h1{font-size:32px}
  .platform-stats{flex-direction:column;align-items:center}
  .mnemonic-grid{grid-template-columns:repeat(2,1fr)}
  .feature-card{gap:24px}
  .dash-body,.screen-body{padding:16px}
  .dash-topbar-inner,.screen-topbar-inner{padding:0 16px;height:56px}
  .balance-card{padding:20px 16px}
  .balance-amount{font-size:clamp(28px,10vw,36px)}
  .asset-row{padding:12px 12px}
  .asset-name{font-size:13px}
  .asset-balance{font-size:13px}
  .asset-price{font-size:13px}
  .modal h3{font-size:20px}
  .modal p{font-size:13px}
  .form-input{font-size:14px;padding:12px 14px}
  .network-option .net-name{font-size:14px}
  .nav-links a{font-size:16px}
  .qa-btn{font-size:11px;padding:12px 6px}
  .btn{font-size:14px;padding:10px 24px}
}