.hero{text-align:center;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:80px 0}.hero-content{max-width:800px;margin:0 auto}.hero h1{color:var(--accent);margin-bottom:16px;font-size:3.5rem;font-weight:700}.hero-subtitle{color:var(--text-light);margin-bottom:24px;font-size:1.5rem}.hero-description{max-width:600px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:1.1rem;line-height:1.8}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.hero-buttons .btn{min-width:160px}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover{background-color:var(--accent-light)}.btn-secondary{color:var(--accent);border:2px solid var(--accent);background-color:transparent}.btn-secondary:hover{background-color:var(--accent);color:#fff}.about{background-color:#fff}.about-content{max-width:800px;margin:0 auto}.about-text{text-align:center}.about-text h2{color:var(--accent);margin-bottom:24px}.about-text p{margin-bottom:24px;font-size:1.1rem;line-height:1.8}.highlights{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;margin-top:48px;display:grid}.highlight-item{text-align:center;background-color:var(--background-light);cursor:pointer;border-radius:8px;padding:24px;transition:transform .3s,box-shadow .3s}.highlight-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.highlight-item:active{transform:translateY(-2px)}.highlight-item h3{color:var(--accent);margin-bottom:8px;font-size:2rem}.highlight-item p{color:var(--text-light);margin-bottom:0}.bg-light{background-color:var(--background-light)}.location h2{color:var(--accent)}@media (max-width:768px){.hero{padding:60px 0}.hero h1{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.hero-description{font-size:1rem}.hero-buttons{flex-direction:column;align-items:center;width:100%}.hero-buttons .btn{width:100%;max-width:280px}.highlights{grid-template-columns:1fr;gap:24px}.section{padding:48px 0}}@media (max-width:480px){.hero{padding:48px 0}.hero h1{font-size:2rem}.hero-subtitle{font-size:1.1rem}.hero-description{font-size:.95rem}.section{padding:36px 0}.container{padding:0 16px}.hero-buttons .btn{padding:14px 20px;font-size:15px}}
