.modal-overlay{z-index:50;justify-content:center;align-items:flex-start;padding-top:0;display:flex;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;transition:opacity .2s;position:absolute;inset:0}.modal-content{z-index:10;color:#f1f5f9;background:#0f172a;border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;width:100%;max-width:80rem;max-height:90vh;margin-left:auto;margin-right:auto;transition:transform .3s ease-out;animation:.3s ease-out slide-down;position:relative;overflow-y:auto;transform:translateY(0);box-shadow:0 25px 50px -12px #00000040}.modal-header{border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.modal-title{color:#f8fafc;letter-spacing:.025em;font-size:1.25rem;font-weight:600}@media (min-width:768px){.modal-title{font-size:1.5rem}}.modal-close-button{color:#cbd5e1;border-radius:.25rem;margin-left:auto;transition:color .2s}.modal-close-button:hover{color:#fff}.modal-close-button:focus{outline:none;box-shadow:0 0 0 2px #2dd4bf}.modal-close-icon{width:1.5rem;height:1.5rem}.modal-body{padding:1.5rem}@media (min-width:768px){.modal-body{padding:2rem}}@keyframes slide-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}
.navbar{z-index:50;color:#fff;height:4rem;transition:opacity .3s;position:fixed;top:0;left:0;right:0;background:0 0!important}@media (min-width:768px){.navbar{height:6rem}}.navbar.visible{opacity:1;pointer-events:auto}.navbar.hidden{opacity:0;pointer-events:none}.navbar-container{justify-content:space-between;align-items:center;height:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;display:flex}@media (min-width:640px){.navbar-container{padding-left:1.5rem;padding-right:1.5rem}}.navbar-logo-link{align-items:center;display:flex}.navbar-logo{object-fit:contain;filter:saturate(1.5)contrast(1.25)brightness(.9)}.navbar-menu-button{color:#0f172a;background:0 0;border-radius:9999px;justify-content:center;align-items:center;padding:.5rem 1rem;transition:background-color .2s;display:inline-flex}.navbar-menu-button:hover{background:#ffffff1a}.navbar-menu-button:focus{outline:none;box-shadow:inset 0 0 0 2px #2dd4bf}.navbar-menu-text{color:#0f172a;text-transform:uppercase;letter-spacing:.25em;margin-right:.75rem;font-family:monospace;font-size:.75rem}@media (min-width:768px){.navbar-menu-text{font-size:.875rem}}.navbar-menu-icon{width:1.75rem;height:1.75rem}@media (min-width:768px){.navbar-menu-icon{width:2rem;height:2rem}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.modal-nav{margin-top:.5rem}.modal-grid{gap:2rem;display:grid}@media (min-width:768px){.modal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.modal-section-title{letter-spacing:.18em;text-transform:uppercase;color:#bae6fd;margin-bottom:1rem;font-size:.875rem;font-weight:600}.modal-list{flex-direction:column;gap:.5rem;font-size:.875rem;display:flex}.modal-suboption-link{color:#f1f5f9;font-weight:300;transition:color .2s}.modal-suboption-link:hover{color:#5eead4}.modal-buttons-container{flex-direction:column;gap:.5rem;display:flex}.modal-button-primary{color:#0f172a;background:#14b8a6;width:100%;font-weight:600;transition:background-color .2s}.modal-button-primary:hover{background:#2dd4bf}.modal-button-secondary{color:#f8fafc;background:#1e293b;border:1px solid #475569;width:100%;transition:background-color .2s}.modal-button-secondary:hover{background:#334155}