@media (max-width:1024px){
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .xa-shell{grid-template-columns:220px 1fr}
}
@media (max-width:768px){
  .xa-shell{grid-template-columns:1fr}
  .xa-sidebar{position:fixed;left:-280px;width:260px;z-index:60;transition:left .3s ease}
  .xa-sidebar.is-open{left:0}
  .xa-topbar{padding:1rem}
  .xa-page{padding:1.25rem}
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
  .xa-hero{padding:2.5rem 1.5rem}
  .xa-hero__title{font-size:2rem}
  h1{font-size:1.75rem}
}
@media (max-width:480px){
  .xa-auth__form{padding:2rem 1.25rem}
  .btn{padding:.7rem 1.1rem;font-size:.9rem}
  .certificate{padding:2rem 1rem}
  .certificate__title{font-size:1.5rem}
}