: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:.75rem}.landing-page{background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:ui-sans-serif,system-ui,sans-serif}.hero{color:#fff;text-align:center;background-color:#184e77;background-image:radial-gradient(circle at 1px 1px,#ffffff14 1px,#0000 0);background-size:40px 40px;padding:6.5rem 0;position:relative}.hero__title{letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(2.2rem,6vw,4.25rem);font-weight:900}.btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;font-weight:600;transition:all .2s;display:inline-flex}.btn--accent{color:#fff;background-color:#2d6cdf;box-shadow:0 4px 14px #2d6cdf4d}.btn--outline{color:#fff;background:#ffffff0d;border:1px solid #fff3}.card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.reveal-on-scroll{opacity:0;will-change:opacity, transform;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal-on-scroll.active{opacity:1;transform:translateY(0)}