:root{--primary-color: #333;--secondary-color: #666;--accent-color: #0066cc;--light-color: #f5f5f5;--white: #ffffff;--black: #000000;--border-color: #e0e0e0;--font-family: "Helvetica Neue", Arial, sans-serif;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:16px;line-height:1.6;color:var(--primary-color);background-color:var(--white)}a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}a:hover{color:var(--accent-color)}ul,ol{list-style:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;outline:none;transition:var(--transition)}.section{padding:80px 0}.section-title{text-align:center;margin-bottom:60px}.section-title h2{font-size:36px;font-weight:600;margin-bottom:20px;color:var(--primary-color)}.section-title p{font-size:16px;color:var(--secondary-color);max-width:800px;margin:0 auto}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#fffffff2;box-shadow:0 2px 10px #0000001a;transition:var(--transition)}.footer{background-color:var(--primary-color);color:var(--white);padding:60px 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(100);opacity:0}}.fade-in{animation:fadeIn .6s ease-in-out}.slide-up{animation:slideUp .8s ease-out}.slide-left{animation:slideLeft .8s ease-out}.slide-right{animation:slideRight .8s ease-out}.scale-in{animation:scaleIn .6s ease-out}.pulse{animation:pulse 2s infinite}.animate-on-scroll{opacity:0;transform:translateY(20px);transition:all .6s ease-out}.animate-on-scroll.animated{opacity:1;transform:translateY(0)}.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#ffffff80;opacity:0;border-radius:100%;transform:scale(1) translate(-50%,-50%);transform-origin:50% 50%}.btn:focus:not(:active):after{animation:ripple 1s ease-out}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001a}.img-hover{transition:all .3s ease;overflow:hidden}.img-hover img{transition:all .5s ease}.img-hover:hover img{transform:scale(1.05)}.nav-link{position:relative}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--accent-color);transition:width .3s ease}.nav-link:hover:after{width:100%}@media (max-width: 768px){.section{padding:60px 0}.section-title h2{font-size:28px}}