@import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";
:root{--font-inter:"Inter", sans-serif;--font-jetbrains:"JetBrains Mono", monospace;--color-one:#f8fafc;--color-two:#4b5563;--color-three:#0f172a;--color-four:#e2e8f0;--color-five:#f2a477;--color-six:#03318c;--color-seven:#0f172a;--color-eight:#d1d5db;--color-nine:#f4f3ee;--color-ten:#0487d9;--color-eleven:#2563eb;--color-twelve:#3b82f6;--color-thirteen:#f8fafc;--hover-one:#374151;--light-one:#03318cb3;--light-two:#03318c80;--light-three:#03318c4d;--transition-cubic:all .2s cubic-bezier(.25, .1, .25, 1);--transition-ease:all .3s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;padding-top:4em}body{font-family:var(--font-inter);color:var(--color-two);background-color:var(--color-one);line-height:1.6}button,input,textarea{font-family:var(--font-inter)}h1,h2,h3,h4,h5,h6{margin-bottom:1em;font-weight:700;line-height:1.5}h1{font-size:3em}@media (max-width:768px){h1{font-size:2em}}h2{font-size:2.5em}@media (max-width:768px){h2{font-size:1.8em}}h3{font-size:1.5em}p{margin-bottom:1em}.p-dropdown-label{font-family:var(--font-inter)}.p-dropdown-panel{padding:1em}.p-dropdown-item{padding:.3em}.p-dropdown-item:hover{background-color:var(--color-four);color:var(--color-eleven)}.container{max-width:75em;margin:0 auto;padding:0 1em}@media (min-width:640px){.container{padding:0 1.5em}}@media (min-width:1024px){.container{padding:0 1em}}.section{padding:5em 0}@media (max-width:768px){.section{padding:3em 0}}.form-group{margin-bottom:1.5em}.form-group label{color:var(--color-three);margin-bottom:.5em;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group .p-dropdown{color:var(--color-two);border:.06em solid var(--color-four);width:100%;transition:var(--transition-ease);border-radius:.5em;padding:.75em 1em;font-size:1em}.form-group input:focus,.form-group textarea:focus,.form-group .p-dropdown:focus{border-color:var(--color-eleven);outline:none;box-shadow:0 0 0 .19em #2563eb1a}.form-group textarea{resize:vertical;min-height:7.5em}.btn{text-align:center;transition:var(--transition-ease);cursor:pointer;border:none;border-radius:.5em;justify-content:center;align-items:center;padding:.75em 2em;font-size:1em;font-weight:600;text-decoration:none;display:inline-flex}.btn.btn-primary{background-color:var(--color-eleven);color:var(--color-one);width:100%}.btn.btn-primary:hover{background-color:#134cca;transform:translateY(-.13em)}.btn.btn-secondary{background-color:var(--color-eleven);color:var(--color-one);transition:var(--transition-cubic)}.btn.btn-secondary:hover{transform:scale(1.05)}.btn.btn-hero{background-color:var(--color-eleven);color:var(--color-one)}.btn.btn-hero:hover{background-color:#134cca;transform:translateY(-.13em)}.btn.btn-outline{color:var(--color-one);border:.13em solid var(--color-one);background-color:#0000}.btn.btn-outline:hover{background-color:var(--color-one);color:var(--color-two);transform:translateY(-.13em)}.btn.btn-dark{background-color:var(--color-seven);color:var(--color-one)}.btn.btn-dark:hover{color:var(--color-one);background-color:#222933}.loading{border:.19em solid #ffffff4d;border-top-color:var(--color-one);border-radius:50%;width:1.3em;height:1.3em;animation:1s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:1s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(1.875em)}to{opacity:1;transform:translateY(0)}}.grid{flex-wrap:wrap;justify-content:center;gap:2em;display:grid}.grid.grid-1{grid-template-columns:1fr}.grid.grid-2{grid-template-columns:repeat(auto-fit,minmax(18.75em,1fr))}.grid.grid3{grid-template-columns:repeat(auto-fit,minmax(22.3em,1fr))}.grid.grid-3{grid-template-columns:repeat(auto-fit,minmax(15.625em,1fr))}.grid.grid-4{grid-template-columns:repeat(auto-fit,minmax(12.5em,1fr))}.card{background:var(--color-one);height:auto;transition:var(--transition-ease);border-radius:.75em;overflow:hidden;box-shadow:0 .3em .4em -.06em #0000001a}.card:hover{transform:translateY(-.3em);box-shadow:0 1.3em 1.6em -.3em #0000001a}.card .card-image{object-fit:cover;width:100%;height:12.5px}.card .card-content{padding:1em}.card .card-content h3{color:var(--color-three);font-size:1.3em}