:root{--surface:#fbf8ff;--on-surface:#1b1b22;--on-surface-variant:#464653;--primary:#000048;--primary-container:#010187;--on-primary:#fff;--secondary:#0040df;--secondary-container:#2d5bff;--outline-variant:#c6c5d5;--surface-container-low:#f5f2fc;--surface-container:#efecf6;--brand-blue:#2d5bff;--font-headline:"Bricolage Grotesque",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"IBM Plex Mono",monospace;--gutter:24px;--margin-desktop:64px;--container-max:1280px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--surface);color:var(--on-surface);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--margin-desktop)}@media (max-width:768px){.container{padding:0 20px}}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr}.btn-primary{background-color:var(--primary-container);color:var(--on-primary);padding:16px 32px;border-radius:8px;font-weight:700;font-size:16px;transition:filter .2s;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.btn-primary:hover{filter:brightness(1.1)}.btn-outline{border:1px solid var(--primary);color:var(--primary);padding:16px 32px;border-radius:8px;font-weight:700;font-size:16px;transition:background-color .2s}.btn-outline:hover{background-color:rgba(0,0,72,.05)}.grid{display:grid;grid-gap:var(--gutter);gap:var(--gutter)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-12{grid-template-columns:repeat(12,1fr)}@media (max-width:1024px){.grid-cols-12{grid-template-columns:1fr}.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}}