.slides{position:relative;min-height:365px}.slide{position:absolute;inset:-32px -80px -25px -25px;padding:32px 25px;background-size:cover;background-position:center right;border-radius:25px;opacity:0;pointer-events:none;transform:translateX(18px);transition:opacity .45s ease,transform .45s ease}.slide:before{content:"";position:absolute;inset:0;border-radius:25px;background:linear-gradient(90deg,#06162ffc 0%,#06162fe8 40%,#06162f55 68%,transparent 100%)}.slide>*:not(:last-child){position:relative;z-index:1}.slide:nth-child(1){background-image:url('../images/hero-engineer.png')}.slide:nth-child(2){background-image:url('../images/hero-cabinet-engineer.png')}.slide:nth-child(3){background-image:url('../images/hero-cabinet-engineer.png');background-position:center}.slide.active{opacity:1;pointer-events:auto;transform:none}.slider-controls{position:absolute;z-index:2;left:0;bottom:0;display:flex;align-items:center;gap:14px}.slider-controls>button,.slider-dots button{border:0;color:#fff;background:transparent;cursor:pointer}.slider-controls>button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff55;border-radius:50%;font-size:1.1rem}.slider-dots{display:flex;gap:7px}.slider-dots button{width:8px;height:8px;padding:0;border-radius:50%;background:#7892ba}.slider-dots button.active{width:24px;border-radius:8px;background:#13c5ff}.panel-section{background:linear-gradient(135deg,#061a3d,#0d52b4);color:#fff}.panel-section .section-heading{max-width:720px}.panel-section .section-heading h2{color:#fff}.panel-section .section-heading p{color:#c5d8ff}.panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.panel-grid article{padding:26px;border:1px solid #ffffff22;border-radius:20px;background:#ffffff0d;transition:.25s transform,.25s background}.panel-grid article:hover{transform:translateY(-7px);background:#ffffff18}.panel-grid h3{margin:15px 0 8px}.panel-grid p{margin:0;color:#c9d7f0;font-size:.88rem}.panel-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#fff;color:#214a9a;font-style:normal;font-weight:800}.panel-mark.cpanel{color:#ed6b2e}.panel-mark.plesk{color:#2c78d4}.panel-mark.direct{color:#536b9d}.os-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.os-grid article{padding:23px;border-radius:18px;border:1px solid var(--line);background:white}.os{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e7f3ff;color:#1765dd}.os.ubuntu{color:#e85622;background:#fff0eb}.os.centos{color:#754ca9;background:#f3effc}.os.debian{color:#c91e3d;background:#fff0f3}.os-grid h3{margin:12px 0 5px}.os-grid p{margin:0;color:var(--muted);font-size:.84rem}@media(max-width:800px){.slides{min-height:395px}.slide{inset:-20px -24px 0;padding:25px}.slider-controls{bottom:-4px}.panel-grid,.os-grid{grid-template-columns:1fr}}
