@media (max-width: 980px){
    .cards{grid-template-columns:repeat(2, 1fr)}
    .grid{grid-template-columns:1fr}
    .search input{width:180px}
    .stats{grid-template-columns:repeat(2, 1fr)}
}

@media (max-width: 720px){
    .nav{display:none}
    .search{display:none}
    .nav-toggle{display:inline-flex}
    .nav-mobile.open{display:block}
    .cards{grid-template-columns:1fr}
    .hero h1{font-size:28px}
    .form-grid{grid-template-columns:1fr}
    .table{min-width:640px}
}