:root{--primary: #1e3a8a;--secondary: #06b6d4}body{margin:0;padding:0;background-color:#f8fafc;color:#0f172a}h1,h2,h3,h4{font-family:Poppins,sans-serif;font-weight:700;letter-spacing:-.025em}p{font-family:Inter,sans-serif}.text-display{font-size:clamp(2.5rem,8vw,4.5rem);line-height:1.1}.gradient-text{background-image:linear-gradient(to right,#312e81,#06b6d4);-webkit-background-clip:text;background-clip:text;color:transparent}.glass-nav{background-color:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.05)}.soft-shadow{box-shadow:0 10px 30px -10px #00000014}.mesh-bg{background-image:radial-gradient(at 0% 0%,rgba(199,210,254,.12) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(165,243,252,.12) 0px,transparent 50%)}.btn-teal{background-color:#14b8a6;color:#0f172a;padding:1rem 2.5rem;border-radius:.75rem;font-weight:800;font-size:1.125rem;transition:all .3s ease;box-shadow:0 10px 15px -3px #14b8a633}.btn-teal:hover{background-color:#0d9488;transform:translateY(-2px)}.animate-fade-in{animation:fadeIn .6s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}