*{box-sizing:border-box}body{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0;background:linear-gradient(to right,#e2e2e2,#c9d6ff);color:#2c3e50;display:flex;flex-direction:column;min-height:100vh;align-items:center;text-align:center}header{padding:4rem 1rem;width:100%;background:#ffffff1a;box-shadow:0 2px 4px #0000001a}h1{font-size:3rem;margin:0;font-weight:200;letter-spacing:4px;text-transform:uppercase;color:#2c3e50}main{flex:1;width:100%;padding:0;margin:0;display:flex;flex-direction:column;align-items:center}.hero{position:relative;width:100%;min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center}.hero-image-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover;animation:zoom 20s infinite}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009}.hero-text{position:relative;z-index:1;max-width:800px;padding:2rem;background:#0006;border-radius:10px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.hero-text h2,.hero-text p{color:#cacaca}.cards-section{padding:4rem 2rem;background-color:#fff;width:100%}.cards-container{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;max-width:1200px;margin:0 auto}.card{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;overflow:hidden;width:320px;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #00000026}.card-image{width:100%;height:200px;object-fit:cover}.card-content{padding:1.5rem}h3{font-size:1.5rem;margin-top:0;color:#2c3e50}section{padding:2rem;border-bottom:1px solid rgba(255,255,255,.2)}section:last-child{border-bottom:none}h2{font-size:2.5rem;font-weight:300}p{font-size:1.3rem;line-height:1.7}footer{padding:2rem 1rem;width:100%;background:#ffffff1a}a{color:#2980b9;text-decoration:none;font-weight:500;transition:color .3s ease}a:hover{color:#3498db}.fade-in{animation:fadeIn 1.5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes zoom{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width: 1100px){.cards-container{flex-direction:column;align-items:center}}@media (max-width: 768px){h1{font-size:2.2rem;letter-spacing:2px}h2{font-size:2rem}p{font-size:1.1rem}.hero{min-height:40vh}.hero-text{padding:1.5rem;width:90%;text-align:center}.cards-section{padding:3rem 1rem}.card{width:90%;max-width:350px}}@media (max-width: 480px){h1,h2{font-size:1.8rem}p{font-size:1rem}.hero-text{padding:1rem;width:90%;text-align:center}header,footer{padding:2rem 1rem}}