main section.plans{grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-left:2rem;margin-right:2rem;display:grid}main{flex-direction:column;justify-content:center;align-items:center;margin-top:10rem;display:flex}main h1.plans-title{text-align:center;margin-bottom:2rem;font-size:3rem}main p.plans-subtitle{text-align:center;color:var(--text-gray-light);max-width:600px;margin-bottom:2rem;font-size:1.3rem}main div.plans-filter{background-color:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;width:-moz-fit-content;width:fit-content;margin-bottom:3rem;padding:1.5rem;display:flex}main div.plans-filter div.filter-group{flex-direction:column;gap:.5rem;display:flex}main div.plans-filter div.filter-group label{text-transform:uppercase;color:var(--text-gray-light);font-size:.875rem;font-weight:700}main div.plans-filter select.filter-select{color:var(--text-light);cursor:pointer;background-color:#111;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:.75rem 1rem;font-size:1rem;transition:all .3s}main div.plans-filter select.filter-select:hover{border-color:var(--color-primary);background-color:#222}@media (max-width:768px){main section.plans{grid-template-columns:1fr}main footer{margin-top:5rem}}
