:root{--color-navy:#2d477c;--color-navy-dark:#1e3358;--color-blue:#3a6ea5;--color-blue-mid:#4a88c2;--color-teal:#64c9d9;--color-teal-light:#8ad9e8;--color-cyan:#72d1f4;--color-brand-rgb:45, 71, 124;--color-teal-rgb:100, 201, 217;--color-primary:var(--color-navy);--color-secondary:var(--color-blue);--color-secondary-light:var(--color-teal);--color-secondary-bright:var(--color-cyan);--color-body:#4e5d73;--color-muted:#7a879c;--color-gray:#94a3b8;--color-white:#fff;--color-border:#d4dee8;--color-tint:rgba(var(--color-brand-rgb), .06);--color-tint-medium:rgba(var(--color-brand-rgb), .1);--color-tint-strong:#f3f8fb;--color-circle:#e6f1f7;--gradient-brand:linear-gradient(135deg, var(--color-teal) 0%, var(--color-blue) 52%, var(--color-navy) 100%);--gradient-brand-hover:linear-gradient(135deg, var(--color-teal-light) 0%, var(--color-blue-mid) 48%, var(--color-blue) 100%);--gradient-text:linear-gradient(120deg, var(--color-navy) 0%, var(--color-teal) 55%, var(--color-blue) 100%);--gradient-dot:linear-gradient(135deg, var(--color-teal) 0%, var(--color-navy) 100%);--gradient-section:linear-gradient(180deg, #fff 0%, var(--color-tint-strong) 100%);--gradient-glow:radial-gradient(circle, rgba(var(--color-brand-rgb), .1) 0%, rgba(var(--color-brand-rgb), 0) 70%);--shadow-card:0 10px 24px rgba(var(--color-brand-rgb), .1);--shadow-soft:0 4px 12px rgba(var(--color-brand-rgb), .08);--shadow-button:0 8px 24px rgba(var(--color-brand-rgb), .28);--shadow-button-hover:0 12px 28px rgba(var(--color-brand-rgb), .34);--font-sans:"Inter", system-ui, -apple-system, sans-serif;--radius:6px;--radius-lg:10px;--container:1200px;--page-pad:48px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body{max-width:100vw;margin:0;padding:0;overflow-x:hidden}body{font-family:var(--font-sans);color:var(--color-primary);background:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{max-width:100%;display:block}.container{width:min(100% - 2 * 20px, var(--container));margin-inline:auto}@media (min-width:768px){.container{width:min(100% - 2 * 32px, var(--container))}}@media (min-width:1024px){.container{width:min(100% - 2 * var(--page-pad), var(--container))}}
