*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa}html{scroll-behavior:smooth}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:4rem 0}.section-title{font-size:2.5rem;text-align:center;margin-bottom:3rem;color:#2c3e50;position:relative}.section-title:after{content:"";display:block;width:80px;height:4px;margin:1rem auto;border-radius:2px}.btn,.section-title:after{background:linear-gradient(135deg,#667eea,#764ba2)}.btn{display:inline-block;padding:.875rem 2rem;color:#fff;text-decoration:none;border-radius:5px;font-weight:600;transition:transform .3s ease,box-shadow .3s ease;border:none;cursor:pointer;font-size:1rem}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.btn-secondary{background:linear-gradient(135deg,#f093fb,#f5576c)}.btn-secondary:hover{box-shadow:0 5px 15px #f5576c66}.card{background:#fff;border-radius:10px;padding:2rem;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.grid{display:grid;grid-gap:2rem;gap:2rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.section-title{font-size:2rem}.container{padding:0 1.5rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (max-width: 480px){.container{padding:0 1rem}}