*{box-sizing:border-box;margin:0}:root{--n:#0f2a43;--a:#ff7a45;--b:#38bdf8;--bg:#f5f7fb}
body{font-family:"Segoe UI",system-ui,Arial,sans-serif;color:#1e293b;background:var(--bg);line-height:1.75}
header{position:fixed;top:0;left:0;right:0;z-index:20;background:#0f2a43cc;backdrop-filter:blur(12px)}
nav{max-width:1150px;margin:auto;display:flex;flex-wrap:wrap;gap:4px;padding:10px 18px;align-items:center}
nav b{color:#fff;margin-right:auto;font-size:1.15rem;letter-spacing:.3px}nav a{color:#cfe3f5;text-decoration:none;padding:6px 14px;border-radius:30px;font-size:.93rem;transition:.2s}
nav a:hover{background:#ffffff22;color:#fff}nav a.on{background:var(--a);color:#fff}
.top{min-height:62vh;display:flex;align-items:center;color:#fff;background:linear-gradient(120deg,#0f2a43ee,#0f2a4366),url(images/koy-manzara.jpeg) center/cover;padding:120px 20px 70px}
.top.s{min-height:42vh}.wrap{max-width:1150px;margin:auto;width:100%}.top h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.15;margin-bottom:12px}.top p{max-width:560px;font-size:1.1rem;color:#e2eef9}
.top .grid2{display:grid;grid-template-columns:1.5fr 1fr;gap:34px;align-items:center}
main{max-width:1150px;margin:auto;padding:50px 18px}h2{color:var(--n);font-size:1.8rem;margin-bottom:10px}h2:after{content:"";display:block;width:54px;height:4px;border-radius:4px;background:var(--a);margin-top:8px}
.sec{margin:0 0 60px}.row{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;margin:34px 0}.row.r .im{order:2}
.im img{width:100%;height:100%;max-height:420px;object-fit:cover;border-radius:22px;box-shadow:0 18px 40px #0f2a4333;display:block}
.row h3{font-size:1.4rem;color:var(--n);margin-bottom:8px}.row p{color:#475569}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 8px 28px #0f2a4314;text-align:center;transition:.25s}.card:hover{transform:translateY(-5px)}
.card .e{font-size:2rem}.card h3{color:var(--n);margin:6px 0}
.av{position:relative;width:150px;height:150px;border-radius:50%;margin:0 auto 12px;background:linear-gradient(135deg,var(--a),#ffb347);display:grid;place-items:center;color:#fff;font-size:1.7rem;font-weight:700;overflow:hidden;border:5px solid #fff;box-shadow:0 8px 22px #0003}
.av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.big{width:210px;height:210px}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.gal img{width:100%;height:210px;object-fit:cover;border-radius:16px;transition:.25s}.gal img:hover{transform:scale(1.03)}
.btn{display:inline-block;background:var(--a);color:#fff;padding:10px 24px;border-radius:30px;text-decoration:none;margin:4px 6px 4px 0;font-weight:600}.btn.o{background:#ffffff22;border:1px solid #fff8}
.mp{background:#fff;border-radius:22px;padding:14px;box-shadow:0 8px 28px #0f2a4314}iframe{width:100%;height:400px;border:0;border-radius:16px}
footer{background:var(--n);color:#9db7cf;text-align:center;padding:26px}
@media(max-width:800px){.row,.top .grid2{grid-template-columns:1fr}.row.r .im{order:0}nav b{width:100%}}