.vpn-tools{min-width:0;padding:6px 0 8px}
.vpn-tool-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;max-width:340px;margin-inline:auto}
.vpn-tool-card{min-width:0;margin:0}
.vpn-tool-tile{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;aspect-ratio:1;box-sizing:border-box;min-width:0;padding:18px 8px;border:1px solid #495252;border-radius:16px;background:linear-gradient(145deg,#343b3b,#292e2e);box-shadow:inset 0 1px 0 #ffffff08,0 7px 20px #00000018;color:#f2f6f6;text-decoration:none;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s}
.vpn-tool-tile::after{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 50% 0,#66eee810,transparent 70%);pointer-events:none}
.vpn-tool-tile:hover{border-color:#64dcd5;background:linear-gradient(145deg,#384444,#293433);box-shadow:inset 0 1px 0 #ffffff10,0 8px 24px #0003;transform:translateY(-2px)}
.vpn-tool-tile:active{transform:scale(.97)}
.vpn-tool-tile:focus-visible{outline:2px solid #99fff8;outline-offset:4px}
.vpn-tool-tile h3{font-size:14px!important;line-height:1.3;margin:0!important;font-weight:650;white-space:nowrap;letter-spacing:.1px}
.vpn-tool-logo{color:#fff;display:grid;place-items:center;width:40px;height:40px;flex-shrink:0}
.vpn-tool-logo>svg{display:block;width:100%;height:100%;filter:drop-shadow(0 4px 6px #0002)}
@media(max-width:600px){
 .vpn-tool-list{gap:12px;max-width:320px}
 .vpn-tool-tile{gap:14px;padding:16px 6px;border-radius:13px}
 .vpn-tool-logo{width:34px;height:34px}
 .vpn-tool-tile h3{font-size:13px!important}
}
@media(max-width:350px){
 .vpn-tool-list{gap:8px}
 .vpn-tool-tile{gap:11px;padding:12px 4px;border-radius:11px}
 .vpn-tool-logo{width:29px;height:29px}
 .vpn-tool-tile h3{font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){.vpn-tool-tile{transition:none}.vpn-tool-tile:hover{transform:none}}