.vip-benefits-button{position:relative;display:flex;min-height:72px;align-items:center;justify-content:center;padding:13px 72px;border:1px solid color-mix(in srgb,#25d366,transparent 30%);border-radius:18px;background:linear-gradient(115deg,color-mix(in srgb,#25d366,transparent 88%),var(--surface) 58%,color-mix(in srgb,var(--primary),transparent 92%));color:var(--text);text-align:center;text-decoration:none;box-shadow:0 17px 42px color-mix(in srgb,#25d366,transparent 91%);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.vip-benefits-button:hover{border-color:#25d366;box-shadow:0 20px 48px color-mix(in srgb,#25d366,transparent 83%);transform:translateY(-2px)}.vip-benefits-icon{position:absolute;left:17px;display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:linear-gradient(145deg,#25d366,#118f47);color:#fff;box-shadow:0 8px 22px color-mix(in srgb,#25d366,transparent 65%);font-size:1rem}.vip-benefits-button span:nth-child(2){display:grid;justify-items:center;gap:3px}.vip-benefits-button small{color:var(--success);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase}.vip-benefits-button strong{font-size:.84rem;font-weight:500}.vip-benefits-button>i{position:absolute;right:17px;display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--border);border-radius:10px;font-style:normal}
.winner-ranking-section{padding:22px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:0 20px 60px color-mix(in srgb,var(--text),transparent 94%)}.winner-ranking-header{padding-bottom:14px;border-bottom:1px solid var(--border);text-align:center}.winner-ranking-header h2{margin:0;color:var(--text);font-size:20px;font-weight:500}.winner-ranking-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.winner-rank-card{position:relative;display:grid;grid-template-columns:1fr;justify-items:center;align-content:center;gap:5px;min-width:0;min-height:124px;padding:13px 8px 11px;overflow:hidden;border:1px solid var(--border);border-radius:15px;background:linear-gradient(145deg,var(--surface),var(--surface-alt));text-align:center;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.winner-rank-card:hover{border-color:color-mix(in srgb,var(--primary),transparent 35%);box-shadow:0 12px 28px color-mix(in srgb,var(--primary),transparent 90%);transform:translateY(-2px)}.winner-rank-icon{display:grid;width:52px;height:52px;place-items:center;border:1px solid color-mix(in srgb,var(--primary),transparent 45%);border-radius:15px;background:color-mix(in srgb,var(--primary),transparent 90%);color:var(--primary)}.winner-rank-icon svg{width:35px;height:35px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.winner-position{position:absolute;top:8px;right:10px;color:var(--primary);font-size:14px;font-weight:700}.winner-copy{display:grid;width:100%;min-width:0;justify-items:center;gap:3px;text-align:center}.winner-copy strong,.winner-copy p{max-width:100%;margin:0;overflow:hidden;font-size:14px;line-height:1.25;text-align:center;text-overflow:ellipsis;white-space:nowrap}.winner-copy strong{color:var(--text);font-weight:600}.winner-copy p{color:var(--secondary)}.winner-rank-card.rank-1{border-color:color-mix(in srgb,#e7b52d,transparent 25%)}.winner-rank-card.rank-1 .winner-rank-icon,.winner-rank-card.rank-1 .winner-position{color:#b47a00}.winner-rank-card.rank-2{border-color:color-mix(in srgb,#9ba7b8,transparent 25%)}.winner-rank-card.rank-2 .winner-rank-icon,.winner-rank-card.rank-2 .winner-position{color:#697586}.winner-rank-card.rank-3{border-color:color-mix(in srgb,#bd7440,transparent 25%)}.winner-rank-card.rank-3 .winner-rank-icon,.winner-rank-card.rank-3 .winner-position{color:#a05b2c}
@media(max-width:760px){.vip-benefits-button{margin-inline:0}.winner-ranking-section{padding:14px 8px}.winner-ranking-header{padding-bottom:11px}.winner-ranking-header h2{font-size:20px}.winner-ranking-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:11px}.winner-rank-card{min-height:116px;gap:4px;padding:12px 4px 9px;border-radius:12px}.winner-rank-icon{width:43px;height:43px;border-radius:12px}.winner-rank-icon svg{width:31px;height:31px}.winner-position{top:5px;right:6px;font-size:14px}.winner-copy strong,.winner-copy p{font-size:14px}}
@media(max-width:380px){.winner-ranking-grid{gap:4px}.winner-rank-card{min-height:110px;padding-inline:3px}.winner-rank-icon{width:39px;height:39px}.winner-rank-icon svg{width:28px;height:28px}}
.winner-position{display:none}.winner-rank-icon{border:0;background:transparent}.winner-rank-icon svg{width:46px;height:46px}.winner-medal-number{fill:currentColor;stroke:none;font-size:16px;font-weight:800;text-anchor:middle}
@media(max-width:760px){.winner-rank-icon{border:0;background:transparent}.winner-rank-icon svg{width:41px;height:41px}}
@media(max-width:380px){.winner-rank-icon svg{width:38px;height:38px}}
