body{background-color:#261859;color:white;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.yellow-button{background-color:#ffc842;color:#261859;font-weight:700;padding:.5rem 1rem;border-radius:.25rem;border:none;cursor:pointer;transition:background-color .2s}.yellow-button:hover{background-color:#e6b325}.outline-button{background-color:transparent;color:white;border:1px solid white;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;transition:background-color .2s}.form-input,.outline-button:hover{background-color:rgba(255,255,255,.1)}.form-input{width:100%;padding:.5rem;border-radius:.25rem;border:1px solid rgba(255,255,255,.2);color:white}.form-input::placeholder{color:rgba(255,255,255,.5)}.card{background-color:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:.5rem;padding:1rem}.grid{display:grid;gap:1rem}@media (min-width:640px){.grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}}