.vip-benefit-matrix{width:100%;margin:28px 0 24px;padding:25px 26px 18px;border:1px solid #444444;border-radius:13px;background:#232323;box-sizing:border-box}
.vip-benefit-matrix-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}
.vip-benefit-matrix-heading>div>span{font-size:9px;letter-spacing:1.7px;color:#77cabb;font-weight:700}
.vip-benefit-matrix-heading h2{font-size:22px;line-height:1.4;margin:7px 0 0;color:#e3e7e5}
.vip-benefit-matrix-heading>p{font-size:11px;line-height:1.7;color:#a4aaa7;margin:0}
.vip-benefit-table-wrap{overflow-x:auto;border:1px solid #424242;border-radius:10px}
.vip-benefit-table-wrap:focus-visible{outline:2px solid #8ae8d3;outline-offset:4px}
.vip-benefit-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:650px}
.vip-benefit-table th,.vip-benefit-table td{padding:15px 17px;border-right:1px solid #393939;border-bottom:1px solid #393939;line-height:1.6;vertical-align:middle}
.vip-benefit-table th:first-child{width:29%;text-align:left}
.vip-benefit-table th:last-child,.vip-benefit-table td:last-child{border-right:0}
.vip-benefit-table tbody tr:last-child th,.vip-benefit-table tbody tr:last-child td{border-bottom:0}
.vip-benefit-matrix .vip-benefit-table thead th{font-size:13px;font-weight:700;color:#b9bfbc;background:#1f1f1f}
.vip-benefit-tier{display:flex;flex-direction:column;align-items:center;gap:7px;color:var(--tier-color)}
.vip-benefit-tier .icon{width:25px;height:25px;filter:drop-shadow(0 0 8px #93e2c21a)}
.vip-benefit-tier strong{font-size:14px;font-weight:750}
.vip-benefit-matrix .vip-benefit-table tbody th{font-size:12px;font-weight:650;background:#1f1f1f}
.vip-benefit-table tbody th a{display:flex;align-items:center;gap:11px;min-height:25px;color:#d2d9d5}
.vip-benefit-table tbody th .icon:first-child{width:20px;height:20px;flex:0 0 20px;color:#8cceba}
.vip-benefit-table tbody th .icon:last-child{margin-left:auto;width:13px;height:13px;color:#7b9188;opacity:.6}
.vip-benefit-matrix .vip-benefit-table td{text-align:center;background:#232323}
.vip-benefit-matrix .vip-benefit-table td.vip-benefit-bronze{background:#232323}
.vip-benefit-matrix .vip-benefit-table th:first-child{background:#1f1f1f;box-shadow:1px 0 #393939}
.vip-benefit-star{display:inline-block;color:var(--tier-color);font-size:23px;line-height:1;transition:transform .25s,filter .25s}
.vip-benefit-dash{font-size:14px;color:#737c77}
.vip-benefit-legend{font-size:11px;color:#a0aaa4;line-height:1.8;margin:16px 0 0}
@media(min-width:761px){
 .vip-benefit-matrix{padding:20px 22px 16px}
 .vip-benefit-matrix-heading{margin-bottom:15px}
 .vip-benefit-matrix-heading h2{font-size:20px}
 .vip-benefit-table th,.vip-benefit-table td{padding:9px 14px}
 .vip-benefit-tier{gap:5px}
 .vip-benefit-tier .icon{width:20px;height:20px}
 .vip-benefit-tier strong{font-size:13px}
 .vip-benefit-table tbody th a{gap:9px}
 .vip-benefit-table tbody th .icon:first-child{width:16px;height:16px;flex-basis:16px}
 .vip-benefit-table tbody th .icon:last-child{width:11px;height:11px}
 .vip-benefit-star{font-size:16px}
 .vip-benefit-dash{font-size:12px}
}
@media(min-width:761px) and (hover:hover){.vip-benefit-matrix .vip-benefit-table tbody tr:hover th,.vip-benefit-matrix .vip-benefit-table tbody tr:hover td{background:#2c3030}.vip-benefit-table tbody tr:hover .vip-benefit-star{transform:scale(1.15);filter:drop-shadow(0 0 6px #b0ffda33)}.vip-benefit-table tbody th a:hover{color:#b1ffe3}}
@media(prefers-reduced-motion:reduce){.vip-benefit-star{transition:none}.vip-benefit-table tbody tr:hover .vip-benefit-star{transform:none;filter:none}}