:root{--bg:#ffffff;--fg:#111;--muted:#555;--brand:#0a5d9b;--brand2:#0d73be;--border:#e6e6e6;--shadow:0 10px 30px rgba(0,0,0,.06);--maxw:1140px}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;color:var(--fg);background:var(--bg);font:16px/1.6 ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial}
.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.header{border-bottom:1px solid var(--border);background:#fafafa}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.logo svg{width:28px;height:28px}
.logo span{font-weight:700;letter-spacing:.2px}
.nav a{text-decoration:none;color:var(--fg);margin-left:16px}
.nav a:hover{text-decoration:underline}
.hero{padding:28px 0 16px}
.hero .banner{display:block;width:100%;height:380px;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);object-fit:cover}
.hero h1{font-size:32px;margin:14px 0 6px}
.hero p{color:var(--muted);margin:0 0 14px;max-width:70ch}
.cta{display:inline-block;padding:12px 18px;background:var(--brand);color:#fff;border-radius:8px;text-decoration:none;border:1px solid #0a4e82;box-shadow:0 6px 16px rgba(10,93,155,.25)}
.cta:hover{background:var(--brand2)}
.section{padding:28px 0}
.section h2{margin:0 0 12px;font-size:24px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{border:1px solid var(--border);border-radius:14px;background:#fff;overflow:hidden;box-shadow:var(--shadow);transition:transform .2s ease}
.card:hover{transform:translateY(-2px)}
.card img{display:block;width:100%;height:200px;object-fit:cover}
.card .pad{padding:14px}
.card h3{margin:2px 0 6px;font-size:18px}
.card p{margin:0;color:var(--muted)}
.kv{display:flex;gap:24px;align-items:flex-start}
.kv .text{flex:1}
.kv .photo{flex:1}
.kv .photo img{width:100%;height:360px;object-fit:cover;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}
.table{width:100%;border-collapse:collapse;margin-top:8px}
.table th,.table td{border:1px solid var(--border);padding:10px;text-align:left;font-size:14px}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.gallery img{width:100%;height:260px;object-fit:cover;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}
.footer{margin-top:24px;padding:24px 0 36px;border-top:1px solid var(--border);color:var(--muted);font-size:14px}
.footer a{color:inherit;text-decoration:none}
.footer a:hover{text-decoration:underline}
.badges{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 0}
.badge{border:1px solid var(--border);border-radius:99px;padding:6px 10px;font-size:13px;color:#333;background:#fff}
@media (max-width:900px){.grid{grid-template-columns:1fr}.kv{flex-direction:column}.kv .photo img{height:240px}}