:root{--primary:#0e7c7b;--accent:#ff7a00;--dark:#12312b;--light:#f6f9f8}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Montserrat',Arial,sans-serif;color:#222;background:var(--light);line-height:1.6}
img{max-width:100%;display:block}
.container{width:min(1100px,92%);margin:0 auto}
h1,h2,h3{color:var(--dark);line-height:1.25}
h2{font-size:1.8rem;margin-bottom:.8rem}
section{padding:64px 0}
header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(18,49,43,.92);backdrop-filter:blur(8px)}
nav{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0}
.logo{font-weight:800;letter-spacing:1px;color:#fff;text-decoration:none}
.logo span{color:var(--accent)}
nav ul{display:flex;gap:16px;list-style:none;flex-wrap:wrap}
nav a{color:#fff;text-decoration:none;font-size:.9rem}
nav a:hover{color:var(--accent)}
.hero,.page-hero{display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;background-size:cover;background-position:center}
.hero{min-height:92vh;background-image:linear-gradient(rgba(8,28,38,.45),rgba(8,28,38,.6)),url('hero.jpg')}
.page-hero{min-height:50vh;padding:110px 20px 40px}
.hero h1,.page-hero h1{font-size:clamp(1.8rem,4.5vw,3.2rem);font-weight:800;color:#fff;margin-bottom:14px}
.hero p,.page-hero p{max-width:680px;margin:0 auto 28px;font-size:1.1rem;opacity:.95}
.btn{display:inline-block;background:var(--accent);color:#fff;padding:13px 32px;border-radius:50px;text-decoration:none;font-weight:600;border:none;cursor:pointer;font-size:1rem;transition:.25s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(255,122,0,.4)}
.btn.ghost{background:transparent;border:2px solid #fff}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:28px}
.card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.07);transition:.25s;display:flex;flex-direction:column}
.card:hover{transform:translateY(-6px)}
.card img{height:190px;object-fit:cover;width:100%}
.card .body{padding:22px;display:flex;flex-direction:column;gap:8px;flex:1}
.card .body .btn{margin-top:auto;align-self:flex-start;padding:10px 22px;font-size:.9rem}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin:26px 0}
.fact{background:#fff;border-radius:14px;padding:18px;text-align:center;box-shadow:0 4px 14px rgba(0,0,0,.06)}
.fact b{display:block;font-size:1.4rem;color:var(--accent)}
.fact span{font-size:.85rem;color:#556}
.text p{margin-bottom:.9rem}
.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:24px}
.photo-grid figure{border-radius:14px;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.08);background:#fff}
.photo-grid img{width:100%;height:220px;object-fit:cover;transition:.4s}
.photo-grid figure:hover img{transform:scale(1.06)}
.photo-grid figcaption{padding:10px 14px;font-size:.85rem;color:#445}
.next{background:#fff}
footer{background:var(--dark);color:#cfe0dc;text-align:center;padding:26px 0;font-size:.9rem}
footer a{color:var(--accent);text-decoration:none}
form{max-width:480px;margin:26px auto 0;display:flex;flex-direction:column;gap:12px}
input,textarea{padding:13px 16px;border:2px solid #dfe8e6;border-radius:12px;font:inherit}
input:focus,textarea:focus{outline:none;border-color:var(--primary)}
@media(max-width:700px){nav ul{gap:10px}}