*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f4f7fb;font-family:Segoe UI,sans-serif;line-height:1.6}.hero{color:#fff;background-color:#0000;background-image:linear-gradient(#0006,#0006),url(/assets/sea-BVwhaIa2.webp);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:100vh;position:relative}.hero-nav{z-index:100;gap:50px;display:flex;position:absolute;top:30px;left:50%;transform:translate(-50%)}.hero-nav a{color:#fff;font-size:1.5rem;font-weight:600;text-decoration:none}.hero-nav a:hover{color:#f18da9}.hero-nav h2{color:#fff;cursor:pointer;margin:0;font-size:2rem;font-weight:600}.hero-content{text-align:center;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-content h1{margin-bottom:1rem;font-size:5rem}.hero-content p{font-size:1.5rem}input[type=text]{border:none;border-radius:50px;width:90%;max-width:500px;margin:2rem auto;padding:1rem;font-size:1rem;display:block;box-shadow:0 4px 12px #0000001a}.cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;width:90%;margin:3rem auto;display:grid}.card{background:#fff;border-radius:15px;transition:all .3s;overflow:hidden;box-shadow:0 5px 15px #00000014}.card:hover{transform:translateY(-8px)}.card img{object-fit:cover;width:100%;height:220px}.card h3{padding:1rem 1rem .5rem}.card p{color:#666;padding:0 1rem 1rem}.about{background:#fff;border-radius:15px;max-width:1000px;margin:4rem auto;padding:2rem;box-shadow:0 5px 15px #00000014}.about h1{color:#0f172a;margin-bottom:1rem}.about h2{margin-top:2rem;margin-bottom:1rem}.about ul{margin-left:2rem}.about li{margin-bottom:.8rem}.contact{background:#fff;border-radius:15px;max-width:700px;margin:4rem auto;padding:2rem;box-shadow:0 5px 15px #00000014}.contact h1{text-align:center;margin-bottom:2rem}.contact form{flex-direction:column;gap:1rem;display:flex}.contact input,.contact textarea{border:1px solid #ddd;border-radius:10px;width:100%;padding:1rem;font-size:1rem}.contact textarea{resize:vertical}.contact button{color:#fff;cursor:pointer;background:#0ea5e9;border:none;border-radius:10px;padding:1rem;font-size:1rem;transition:all .3s}.contact button:hover{background:#0284c7}.hero-nav{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}nav.hero-nav{background:0 0!important;padding:0!important}footer{color:#fff;text-align:center;background:#0f172a;margin-top:4rem;padding:1.5rem}.footer{color:#fff;text-align:center;background:#0f172a;padding:3rem 1rem}.footer-content{max-width:1000px;margin:0 auto}.footer h3{margin-bottom:.5rem;font-size:2rem}.footer p{margin-bottom:1rem}.footer-links{justify-content:center;gap:2rem;margin:1.5rem 0;display:flex}.footer-links a{color:#fff;font-weight:500;text-decoration:none}.footer-links a:hover{text-decoration:underline}.copyright{opacity:.8;font-size:.9rem}@media (width<=768px){.hero-nav{gap:20px}.hero-nav h2{font-size:1.3rem}.hero-content h1{font-size:2.8rem}.hero-content p{font-size:1.1rem}}body{font-family:Arial}nav{background:#f4f4f4;padding:10px}a{color:#000;text-decoration:none}