/* WEB PANEL PROXY public CSS */
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0c1018;color:#f5f7fa;font:16px system-ui,Arial}button{cursor:pointer;font:inherit}header{position:sticky;top:0;background:#101622ee;border-bottom:1px solid #303a4c;z-index:2}.bar,.wrap{max-width:1100px;margin:auto;padding:20px}.bar{display:flex;justify-content:space-between;align-items:center}.brand{font-weight:900;font-size:23px;letter-spacing:2px}.brand span,.accent{color:#a1ffd0}.langs button{background:#202b38;color:white;border:1px solid #394656;padding:7px 12px;border-radius:8px}.langs .on{background:#a1ffd0;color:#0b1610}.hero{padding:90px 0;display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center}h1{font-size:clamp(42px,6vw,78px);line-height:1.08;margin:12px 0}h2{font-size:36px;margin:0 0 12px}p{color:#aab5c7;line-height:1.7}.hero p{font-size:19px}.btn{background:#a1ffd0;color:#0b1610;border:0;padding:14px 23px;border-radius:12px;font-weight:700}.heroart{min-height:310px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle,#245b49,#172633 60%,#131923);border-radius:28px;font-size:130px;border:1px solid #334638}.section{padding:42px 0}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}.filter{border:1px solid #344052;background:#1c2532;color:white;padding:10px 17px;border-radius:30px}.filter.on{background:#a1ffd0;color:#0c1911}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#171f2b;border:1px solid #303a4b;border-radius:19px;overflow:hidden}.picture{height:245px;display:block;overflow:hidden;background:radial-gradient(circle,#394e58,#202836)}.card:nth-child(2n) .picture{background:radial-gradient(circle,#4e435e,#232437)}.card:nth-child(3n) .picture{background:radial-gradient(circle,#4b4d38,#242c29)}.picture img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.card:hover .picture img{transform:scale(1.06)}.card{transition:transform .2s}.card:hover{transform:translateY(-4px)}.cardinfo{padding:20px}.card h3{margin:0;font-size:22px}.card p{min-height:55px}.more{border:0;background:none;color:#a1ffd0;padding:0;font-weight:700}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature{background:#171f2b;border:1px solid #303a4b;padding:25px;border-radius:18px}.feature strong{font-size:27px}.feature p{margin-bottom:0}footer{border-top:1px solid #303a4b;margin-top:60px;padding:25px 0;color:#aab5c7}dialog{background:#1b2634;color:white;border:1px solid #435166;border-radius:20px;padding:28px;max-width:430px;width:90%}dialog::backdrop{background:#000b}.x{float:right;background:none;color:white;border:0;font-size:28px}@media(max-width:760px){.hero{grid-template-columns:1fr;padding:55px 0}.heroart{min-height:220px;font-size:90px}.grid{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:1fr}}@media(max-width:500px){.grid{grid-template-columns:1fr}}
.heroart img{width:100%;height:100%;min-height:310px;object-fit:cover}#dialog{max-width:680px}#dialog img{width:100%;max-height:380px;object-fit:cover;border-radius:12px;margin:12px 0}@media(max-width:760px){.heroart img{min-height:220px}}

.page-extra{display:none;max-width:1100px;margin:30px auto;padding:24px}.page-extra.on{display:block}.subnav{display:flex;gap:10px;flex-wrap:wrap;max-width:1100px;margin:20px auto;padding:0 20px}.subnav button{padding:12px 18px;border-radius:12px;background:#203344;color:#a1ffd0;border:1px solid #355a51}.subnav button.active{background:#a1ffd0;color:#14241b}.info-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-tiles article{padding:22px;background:#192331;border:1px solid #354354;border-radius:16px}.info-tiles h3{color:#a1ffd0}.page-extra h1{font-size:clamp(30px,5vw,52px)}@media(max-width:650px){.info-tiles{grid-template-columns:1fr}}