:root{--background:0 0% 100%;--foreground:222 47% 11%;--primary:205 67% 28%;--primary-foreground:210 40% 98%;--accent:219 73% 53%;--accent-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--radius:0.75rem}.landing-page{background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:ui-sans-serif,system-ui,sans-serif}.hero{background-color:#184e77;color:#fff;padding:6.5rem 0;text-align:center;position:relative;background-image:radial-gradient(circle at 1px 1px,hsla(0,0%,100%,.08) 1px,transparent 0);background-size:40px 40px}.hero__title{font-size:clamp(2.2rem,6vw,4.25rem);font-weight:900;letter-spacing:-.02em;margin-bottom:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);font-weight:600;transition:all .2s;cursor:pointer;border:1px solid transparent}.btn--accent{background-color:#2d6cdf;color:#fff;box-shadow:0 4px 14px rgba(45,108,223,.3)}.btn--outline{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.2);color:#fff}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}