:root{--font-primary:"HK Grotesk",system-ui,-apple-system,sans-serif;--font-heading:"HK Grotesk",system-ui,-apple-system,sans-serif;--spacing-xxs:.25rem;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:3rem;--spacing-xl:4rem;--spacing-xxl:8rem;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--color-base:#001f52;--color-header:#001834;--color-overlay-card:#fff;--color-primary:#61de00;--color-error:#ff4b4b;--color-primary-hover:#75e219;--color-text:#fff;--color-text-light:hsla(0,0%,100%,.7);--color-text-secondary:rgba(0,0,0,.65);--color-text-on-primary:#fff;--color-text-on-light:var(--color-header);--color-bg-elevated:#eff4fa;--color-bg-highlight:hsla(0,0%,100%,.26);--color-bg-highlight-on-light:rgba(0,0,0,.26);--color-bg-spotlight:#50505d;--color-footer:#fafafa;--color-bg-light:#fff;--color-on-light:#333;--color-base-lighter:rgba(0,31,82,.2);--color-base-darker:rgba(0,31,82,.5)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--color-base);color:var(--color-text);font-family:var(--font-primary);font-size:1rem;line-height:1.5;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-sm)}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}p{margin-bottom:var(--spacing-sm)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.btn,button{border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;line-height:1.5;padding:.75rem 1.5rem;text-align:center;transition:all .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn:focus,button:focus{outline:none}@media(max-width:768px){.btn,button{font-size:.9rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;padding:.75rem .5rem;white-space:normal;word-break:break-word}}.btn-primary{background-color:var(--color-primary);color:var(--color-base)}.btn-primary:hover{background-color:var(--color-primary-hover);text-decoration:none}.btn-secondary{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-secondary:hover{background-color:#61de001a;text-decoration:none}.btn-dark{background-color:var(--color-base);border:2px solid var(--color-base);color:var(--color-text)}.btn-dark:hover{background-color:rgba(from var(--color-header) r g b/.75);border-color:var(--color-header);text-decoration:none}.btn-dark-secondary{background-color:transparent;border:2px solid var(--color-base);color:var(--color-base)}.btn-dark-secondary:hover{background-color:rgba(from var(--color-header) r g b/.15);border-color:var(--color-header);text-decoration:none}.container{margin-left:auto;margin-right:auto;max-width:var(--container-xl);padding-left:var(--spacing-sm);padding-right:var(--spacing-sm);width:100%}.section{padding:var(--spacing-xl) 0}.text-center{text-align:center}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-xl)}@media(max-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}.section{padding:var(--spacing-md) 0}}.app{display:flex;flex-direction:column;min-height:100vh}