:root{--primary: #0066cc;--secondary: #00aaff;--dark: #1a1a2e;--light: #f8f9fa;--accent: #00cc99}body{font-family:Inter,system-ui,sans-serif;background-color:var(--light);color:var(--dark)}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif}.btn-primary{background-color:var(--primary);color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;transition:all .3s ease}.btn-primary:hover{background-color:#0066cce6;box-shadow:0 10px 15px -3px #0000001a}.btn-secondary{background-color:#fff;color:var(--primary);border:1px solid var(--primary);padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;transition:all .3s ease}.btn-secondary:hover{background-color:#0066cc0d;box-shadow:0 4px 6px -1px #0000001a}.card{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;transition:all .3s ease}.card:hover{box-shadow:0 20px 25px -5px #0000001a}.section{padding:4rem 0}@media(min-width:768px){.section{padding:6rem 0}}.container{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.container{padding-left:2rem;padding-right:2rem}}.gradient-text{background-clip:text;-webkit-background-clip:text;color:transparent;background-image:linear-gradient(to right,var(--primary),var(--secondary))}.hero-gradient{background:linear-gradient(135deg,var(--dark) 0%,#16213e 100%)}