@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Open+Sans:wght@400;600&display=swap');:root {--primary-color:#0056b3;--secondary-color:#343a40;--accent-color:#ff7f50;--light-gray-bg:#f8f9fa;--white-color:#ffffff;--text-color:#495057;--font-heading:'Montserrat', sans-serif;--font-body:'Open Sans', 'Helvetica Neue', 'Microsoft YaHei', sans-serif;--shadow-sm:0 2px 15px rgba(0, 0, 0, 0.06);--shadow-md:0 4px 20px rgba(0, 0, 0, 0.1)}*, *::before, *::after {box-sizing:border-box;margin:0;padding:0}html {scroll-behavior:smooth}body {font-family:var(--font-body);background-color:var(--white-color);color:var(--text-color);line-height:1.8;font-size:16px}.container {max-width:1140px;margin:0 auto;padding:0 20px}section {padding:100px 0;overflow:hidden}.section-title {text-align:center;font-family:var(--font-heading);font-size:38px;margin-bottom:15px;color:var(--secondary-color)}.section-subtitle {text-align:center;font-size:18px;color:#6c757d;margin-bottom:70px;max-width:700px;margin-left:auto;margin-right:auto}.animate-on-scroll {opacity:0;transform:translateY(30px);transition:opacity 0.8s ease-out, transform 0.8s ease-out}.animate-on-scroll.is-visible {opacity:1;transform:translateY(0)}.cursor {animation:blink 0.7s infinite;font-weight:300}@keyframes blink {50% {opacity:0}}