*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:root{--primary: #24ADD9;--primary-dark: #148BB2;--primary-light: #EAF9FD;--heading: #0F172A;--text: #64748B;--bg: #FFFFFF;--section-bg: #F8FCFD;--white: #ffffff}body{font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.8;background:#f4f7fb;color:#64748b}h1,h2,h3,h4,h5,h6{color:#0f172a;margin-bottom:15px}.website{width:100%}.container{width:90%;max-width:1200px;margin:auto}section{scroll-margin-top:80px}.btn-primary{background:#24add9;color:#fff;border:none;font-size:16px;padding:14px 24px;border-radius:12px;font-weight:600;cursor:pointer;text-decoration:none;transition:.3s}.btn-primary:hover{background:#148bb2}.btn-secondary{border:2px solid #24ADD9;color:#24add9;background-color:#fff;font-size:16px;padding:14px 24px;border-radius:12px;font-weight:600;text-decoration:none;transition:.3s}.btn-secondary:hover{border:2px solid #148BB2;background:#148bb2;color:#fff}.scroll-animation{opacity:0;transform:translateY(80px);transition:opacity .8s ease,transform .8s ease;will-change:opacity,transform}.scroll-animation.show-animation{opacity:1;transform:translateY(0)}