*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#2c3e50;background:#f8f9fa;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem;color:#2c3e50}h1{font-size:2.5rem}@media (max-width: 768px){h1{font-size:2rem}}h2{font-size:2rem}@media (max-width: 768px){h2{font-size:1.75rem}}h3{font-size:1.75rem}@media (max-width: 768px){h3{font-size:1.5rem}}p{margin-bottom:1rem;line-height:1.8}.container{max-width:1200px;margin:0 auto;padding:0 20px}.main-content{min-height:calc(100vh - 200px);padding-top:20px}.btn{display:inline-block;padding:12px 30px;border-radius:6px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem}.btn.btn-primary{background:#3498db;color:#fff}.btn.btn-primary:hover{background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.btn.btn-secondary{background:transparent;color:#3498db;border:2px solid #3498db}.btn.btn-secondary:hover{background:#3498db;color:#fff}.card{background:#ffffff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:30px;transition:all .3s ease}.card:hover{box-shadow:0 5px 20px #00000026;transform:translateY(-5px)}.section{padding:60px 0}@media (max-width: 768px){.section{padding:40px 0}}.section-title{text-align:center;margin-bottom:50px}.section-title h2{position:relative;display:inline-block;padding-bottom:15px}.section-title h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:#3498db;border-radius:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out forwards}.grid{display:grid;gap:30px}.grid.grid-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 768px){.grid.grid-2{grid-template-columns:1fr}}.grid.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 992px){.grid.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.grid.grid-3{grid-template-columns:1fr}}.text-center{text-align:center}.text-primary{color:#3498db}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-5{margin-bottom:3rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-5{margin-top:3rem}