/* Raised 3D display frames for supplied panel artwork. */
.panel-mark,.server-slide-mark,.panelhero-logo-3d{transform-style:preserve-3d;animation:logo-float-3d 5s ease-in-out infinite}
.panel-mark{width:58px!important;height:58px!important;border-radius:16px!important;position:relative;display:grid!important;place-items:center!important;overflow:hidden;background:linear-gradient(145deg,#163d5b 0%,#071827 52%,#0d2b42 100%)!important;border:1px solid #39bde7!important;box-shadow:inset 0 1px 1px #8feaff55,inset 0 -9px 16px #0008,0 10px 20px #0008!important}
.panel-mark:after,.panelhero-logo-3d:after{content:'';position:absolute;inset:2px;border-radius:inherit;background:linear-gradient(135deg,#fff2,transparent 35%,#0004);pointer-events:none}
.panel-mark img{position:relative;z-index:1;display:block;width:100%!important;height:100%!important;padding:7px!important;object-fit:contain!important;filter:drop-shadow(0 3px 3px #000a)}
.panelhero-logo-3d{position:relative;width:168px;height:168px;padding:13px;display:grid;place-items:center;overflow:hidden;border-radius:26px;background:linear-gradient(145deg,#163d5b 0%,#071827 52%,#0d2b42 100%);border:1px solid #53d8ff;box-shadow:inset 0 1px 1px #b2f4ff66,inset 0 -12px 20px #0009,0 18px 34px #0008,0 0 60px #00c8ff2e;margin:0 0 22px}
.panelhero-logo-3d img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;padding:5px;filter:drop-shadow(0 4px 4px #000a)}
.panel-logo-trex-iptv,.panel-logo-dino-iptv{background:linear-gradient(145deg,#f0fbff,#5299bd 48%,#092031)!important}
.panel-logo-trex-iptv img,.panel-logo-dino-iptv img{filter:invert(1) contrast(2.5) drop-shadow(0 4px 4px #000)!important}
@keyframes logo-float-3d{0%,100%{transform:perspective(520px) rotateY(-8deg) rotateX(2deg) translateY(0)}50%{transform:perspective(520px) rotateY(8deg) rotateX(-2deg) translateY(-4px)}}
.server-slide-mark{animation:slide-logo-float-3d 5s ease-in-out infinite}
@keyframes slide-logo-float-3d{0%,100%{transform:translateY(-50%) perspective(520px) rotateY(-8deg) rotateX(2deg)}50%{transform:translateY(calc(-50% - 4px)) perspective(520px) rotateY(8deg) rotateX(-2deg)}}
@media (min-width:701px) and (max-width:980px){.server-slide{padding-right:270px!important;min-height:390px}.server-slide-copy{max-width:none}.server-slide-mark{right:28px!important;width:150px!important;height:150px!important}.server-slide h2{font-size:clamp(30px,4.8vw,45px)}}
@media (max-width:700px){.server-slide-mark{animation:logo-float-3d 5s ease-in-out infinite}.panelhero-logo-3d{width:112px;height:112px;border-radius:20px;padding:9px;margin-bottom:16px}}
@media (prefers-reduced-motion:reduce){.panel-mark,.server-slide-mark,.panelhero-logo-3d{animation:none}}