*{box-sizing:border-box}body{margin:0;background:#f7f8fc;font:14px/1.7 Arial,sans-serif;color:#18334b}.site{margin:16px auto;width:calc(100% - 32px);max-width:1500px;background:#e8f4fd;border:1px solid #b6cede;border-radius:5px;overflow:hidden}header{background:#1059a8;text-align:center;color:white;padding:12px}h1{font:700 27px Georgia,serif;margin:0}nav{background:#09cbd7;display:flex;justify-content:space-between;align-items:center;padding:8px 14px}nav>div{display:flex;gap:6px}nav a,nav button{background:#0787ba;color:#fff;border:0;border-radius:5px;text-decoration:none;padding:4px 17px;font:14px Arial;cursor:pointer}nav>span{font-size:12px}main{display:grid;grid-template-columns:240px minmax(0,1fr) 250px;gap:15px;padding:17px 14px}aside,.gallery{border:1px solid #b6cede;background:white;border-radius:6px;overflow:hidden}aside h2{margin:0;background:#06bae7;text-align:center;color:#07517b;font:700 23px Georgia;padding:12px}aside:last-child h2{background:#d1f4fc;color:#172733;font-size:20px;margin:9px 9px 0}.box{padding:18px;text-align:center}.box p{margin:12px 0;font-size:13px}.box strong{color:#1466a6;font-size:17px}.button{display:inline-block;border:0;border-radius:5px;background:#06b7e4;color:white;text-decoration:none;padding:9px 19px;cursor:pointer}.row{border-block:1px solid #c8dae6;text-align:center}.row p{margin:12px 0}.row a{display:block;background:#09bde8;color:#074361;padding:6px}.box.about{text-align:left;padding:14px 20px}.box.about p{font-size:14px;line-height:1.85;margin:8px 0 20px}.bar{padding:10px 16px;border-bottom:1px solid #e1eaf0;color:#607f95;font-size:12px;display:flex;justify-content:space-between}#slides{height:390px;display:flex;align-items:center;justify-content:center;background:#f5f9fc;padding:16px;color:#8b9caa;text-align:center}#slides img{width:100%;height:100%;object-fit:contain}.controls{display:flex;justify-content:center;gap:15px;padding:11px}.controls button{background:white;border:1px solid #c8dce7;border-radius:5px;color:#17678f;padding:5px 14px;cursor:pointer}.controls button:disabled{opacity:.5;cursor:default}#caption{font-size:12px;color:#6e8495;margin:0 12px 12px;text-align:center}footer{padding:12px;background:#06bce8;display:flex;justify-content:center;align-items:center;gap:15px;font-size:13px}footer a{padding:5px 12px;background:white;color:#17516d;border-radius:4px;text-decoration:none}dialog{border:1px solid #b8cfdf;border-radius:8px;max-width:600px;width:calc(100% - 30px);padding:25px}dialog::backdrop{background:#102b4666}.close{float:right;border:0;background:#eaf5fa;border-radius:50%;width:28px;height:28px;font-size:22px;cursor:pointer}a{color:#097daf}@media(max-width:1000px){main{grid-template-columns:190px minmax(0,1fr)}aside:last-child{grid-column:1/-1}.box.about p{margin:8px 0}#slides{height:365px}}@media(max-width:560px){.site{margin:8px auto;width:calc(100% - 16px)}main{grid-template-columns:1fr;padding:12px}.gallery{grid-row:1}nav>span{display:none}nav{justify-content:center}#slides{height:340px}footer{flex-wrap:wrap;gap:7px}h1{font-size:25px}}
