.mockup-perspective-wrap{perspective:1200px;-webkit-perspective:1200px}.mockup-3d-effect{transform:rotateY(-4deg) rotateX(3deg) translateZ(0) scale(1);-webkit-transform:rotateY(-4deg) rotateX(3deg) translateZ(0) scale(1);transition:transform .5s ease;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.05);border-radius:16px;overflow:hidden;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;text-rendering:optimizeLegibility;transform-style:flat;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform}.mockup-3d-effect:hover{transform:rotateY(0) rotateX(0) translateZ(0) scale(1);-webkit-transform:rotateY(0) rotateX(0) translateZ(0) scale(1)}@media (max-width:1024px){.mockup-3d-effect,.mockup-3d-effect:hover{transform:none;-webkit-transform:none}}.mockup-bar{display:flex;align-items:center;padding:12px 16px;background:#0f172a;gap:8px}.mockup-bar-dots{display:flex;gap:6px}.mockup-bar-dots span{width:12px;height:12px;border-radius:50%}.mockup-bar-url{flex:1;height:10px;background:#1e293b;border-radius:5px;margin-left:8px}