.browser-mockup[data-v-e600dfb3]{background:linear-gradient(135deg,#fffffffa,#fffffff0);border:1px solid #1a3a5a14;border-radius:16px;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1),border-color .3s;position:relative;overflow:hidden;box-shadow:0 2px 4px #1a3a5a0a,0 8px 16px #1a3a5a0f,0 20px 40px #1a3a5a14}.browser-mockup[data-v-e600dfb3]:hover{border-color:#1a3a5a1f;transform:translateY(-6px)scale(1.01);box-shadow:0 4px 8px #1a3a5a0f,0 16px 32px #1a3a5a14,0 32px 64px #1a3a5a1a}.browser-mockup--dark[data-v-e600dfb3]{background:linear-gradient(135deg,#fffffff5,#ffffffe6);border-color:#ffffff1a;box-shadow:0 4px 12px #00000026,0 20px 40px #0003,0 40px 80px #00000026}.browser-mockup--dark[data-v-e600dfb3]:hover{border-color:#ff851733;box-shadow:0 8px 20px #0003,0 32px 60px #00000040,0 50px 100px #0000002e}.browser-mockup--sm .browser-mockup__bar[data-v-e600dfb3]{padding:8px 12px}.browser-mockup--sm .browser-mockup__dot[data-v-e600dfb3]{width:8px;height:8px}.browser-mockup--lg[data-v-e600dfb3]{border-radius:20px}.browser-mockup--lg .browser-mockup__bar[data-v-e600dfb3]{padding:14px 18px}.browser-mockup--lg .browser-mockup__dot[data-v-e600dfb3]{width:12px;height:12px}.browser-mockup__holo[data-v-e600dfb3]{opacity:0;pointer-events:none;z-index:2;background:linear-gradient(125deg,#0000,#ff85170a 20%,#6366f108 40%,#ff85170d 60%,#1a3a5a08 80%,#0000);transition:opacity .4s;position:absolute;inset:0}.browser-mockup:hover .browser-mockup__holo[data-v-e600dfb3]{opacity:1}.browser-mockup__shine[data-v-e600dfb3]{opacity:0;pointer-events:none;z-index:3;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);width:60%;height:200%;transition:opacity .3s;position:absolute;top:-100%;left:-100%;transform:rotate(25deg)}.browser-mockup:hover .browser-mockup__shine[data-v-e600dfb3]{opacity:1;animation:.8s ease-out forwards browser-shine-sweep-e600dfb3}@keyframes browser-shine-sweep-e600dfb3{0%{left:-100%}to{left:150%}}.browser-mockup__inner[data-v-e600dfb3]{z-index:1;position:relative}.browser-mockup__bar[data-v-e600dfb3]{background:linear-gradient(#1a3a5a05,#1a3a5a0a);border-bottom:1px solid #1a3a5a0f;align-items:center;gap:6px;padding:10px 14px;display:flex}.browser-mockup__dot[data-v-e600dfb3]{border-radius:50%;width:10px;height:10px;transition:transform .2s}.browser-mockup:hover .browser-mockup__dot[data-v-e600dfb3]{transform:scale(1.1)}.browser-mockup__dot--red[data-v-e600dfb3]{background:#ff5f56d9}.browser-mockup__dot--yellow[data-v-e600dfb3]{background:#ffbd2ed9}.browser-mockup__dot--green[data-v-e600dfb3]{background:#27c93fd9}.browser-mockup__content[data-v-e600dfb3]{position:relative;overflow:hidden}.browser-mockup__content[data-v-e600dfb3] img{width:100%;height:auto;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.browser-mockup:hover .browser-mockup__content[data-v-e600dfb3] img{transform:scale(1.02)}.browser-mockup__content[data-v-e600dfb3]:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(50% 50%,#ff85170f 0,#0000 70%);transition:opacity .4s;position:absolute;inset:0}.browser-mockup:hover .browser-mockup__content[data-v-e600dfb3]:after{opacity:1}