:root{--bg-color: 210 40% 98%;--brand-navy: 204 90% 27%;--brand-accent: 204 90% 27%;--brand-success: 161 94% 30%;--brand-highlight: 204 90% 40%;--text-primary: 222 47% 11%;--text-secondary: 215 16% 47%;--text-slate: 215 14% 34%;--grid-color: 204 90% 27% / .03;--border-color: 214 32% 91%}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:hsl(var(--bg-color))}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:hsl(var(--text-primary));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.grid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background-image:linear-gradient(to bottom,rgba(7,80,131,.03) 1px,transparent 1px);background-size:100% 48px;-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 85%);mask-image:linear-gradient(to bottom,black 0%,transparent 85%)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes draw{0%{stroke-dashoffset:400}to{stroke-dashoffset:0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes float-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.text-gradient{background:linear-gradient(135deg,hsl(var(--text-primary)),hsl(var(--brand-accent)));-webkit-background-clip:text;-webkit-text-fill-color:transparent}