:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#f9f9f9;display:block;overflow-x:hidden}h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.1}h2{font-size:clamp(1.5rem,4vw,2.5rem);line-height:1.2}h3{font-size:clamp(1.25rem,3vw,1.75rem);line-height:1.3}img{max-width:100%;height:auto}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:clamp(.875rem,2.5vw,1rem);font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;min-height:44px;min-width:44px}@media (hover: hover){button:hover{border-color:#646cff}}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.mobile-nav-overlay{position:fixed;inset:0;background-color:#00000080;z-index:1000;transition:opacity .3s ease}.mobile-nav-drawer{position:fixed;top:0;right:0;height:100vh;width:280px;background-color:#fff;box-shadow:-2px 0 10px #0000001a;transform:translate(100%);transition:transform .3s ease;z-index:1001}.mobile-nav-drawer.open{transform:translate(0)}.hamburger-line{display:block;width:20px;height:2px;background-color:#d32f2f;border-radius:2px;transition:all .3s ease;transform-origin:center}body.menu-open{overflow:hidden;position:fixed;width:100%}@media (max-width: 768px){.grid-responsive{grid-template-columns:1fr!important;gap:1rem!important}.mobile-center{text-align:center}.mobile-full-width{width:100%!important;margin:0!important}}@media (min-width: 769px) and (max-width: 1024px){.tablet-grid-2{grid-template-columns:repeat(2,1fr)!important}}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}@media (prefers-contrast: high){button{border:2px solid currentColor}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.mobile-hidden{display:none}@media (min-width: 768px){.mobile-hidden{display:block}.desktop-hidden{display:none!important}}@media (pointer: coarse){button,a,[role=button]{min-height:44px;min-width:44px}}
