.vip-levels{padding-bottom:60px}.vip-progression-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;padding-bottom:15px;border-bottom:1px solid #d8b24a33;font-size:9px;letter-spacing:.13em;color:#aa9362}.vip-progression-caption>span:last-child{display:flex;align-items:center;gap:15px;letter-spacing:.04em;color:#bfab7b}.vip-progression-caption>span:last-child>span{font-size:20px;color:#d8b24a}.vip-progression{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:end;position:relative;padding-top:12px}.vip-progression-step{position:relative;min-width:0;--step-rise:24px}.vip-progression-step:nth-child(2){--step-rise:58px}.vip-progression-step:nth-child(3){--step-rise:92px}.vip-progression-step:nth-child(4){--step-rise:126px}.progression-tier{display:flex;flex-direction:column;align-items:center;position:relative;min-height:388px;border:1px solid color-mix(in srgb,var(--tier-accent),transparent 45%);border-radius:16px 16px 6px 6px;padding:20px 20px 0;background:radial-gradient(ellipse at 50% 0,#d8b24a18,transparent 65%),#232427;text-align:center;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s;box-shadow:0 12px 25px #0003}.progression-tier:hover{transform:translateY(-5px);border-color:var(--tier-accent);box-shadow:0 15px 30px #0006}.progression-tier-top{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:23px}.progression-level-label{font-size:8px;letter-spacing:.18em;color:var(--tier-accent)}.progression-open{color:var(--tier-accent);font-size:19px}.progression-tier .tier-medal{width:78px;height:78px;margin-bottom:18px}.progression-tier h3{font:500 29px Outfit;color:var(--tier-accent);margin:0 0 23px}.progression-amount{display:flex;flex-direction:column;gap:8px;width:100%;padding-top:19px;border-top:1px solid #d8b24a26}.progression-amount>span{font-size:9px;color:#b7a786;line-height:1.6}.progression-amount>strong{font:500 29px Outfit;color:#f1dfb3}.vip-main .progression-increment{font-size:11px;line-height:1.8;color:#c4b189;margin:16px 0 23px;min-height:40px;display:flex;align-items:center;justify-content:center;max-width:210px}.progression-benefits-link{display:flex;align-items:center;justify-content:space-between;width:calc(100% + 40px);margin:0 -20px;margin-top:auto;padding:13px 18px;border-top:1px solid #d8b24a26;color:#cdb67a;background:#d8b24a06;font-size:10px;gap:10px}.progression-benefits-link>span{font-size:17px}.progression-plinth{height:var(--step-rise);position:relative;border:1px solid #d8b24a26;border-top:0;border-radius:0 0 7px 7px;background:linear-gradient(145deg,#d8b24a14,#23242788);margin:0 8px;display:flex;justify-content:center;align-items:center;color:#d8b24a30;overflow:hidden}.progression-plinth:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 22px,#d8b24a04 23px 24px)}.progression-plinth>span{font:500 35px Outfit;letter-spacing:.08em}.vip-progression-step:first-child .progression-plinth>span{display:none}.progression-milestone{display:flex;align-items:center;position:absolute;top:-46px;left:0;right:-20px;pointer-events:none}.milestone-number{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border-radius:50%;border:1px solid #b99d5666;color:var(--tier-accent);font:9px Outfit;background:#1c1c1e}.milestone-line{height:1px;background:linear-gradient(90deg,#b79a5355,#b79a5322);flex:1;margin-left:8px;transform:rotate(-7deg);transform-origin:left center}.vip-progression-step:last-child .milestone-line{display:none}.vip-progression{margin-top:62px}.vip-progression-step:last-child .progression-tier{background:radial-gradient(ellipse at 50% 0,#d8b24a25,transparent 65%),linear-gradient(140deg,#302b21,#232427);border-color:#d9bf80}
@media(max-width:1100px){.vip-progression{gap:14px}.progression-tier{padding:17px 14px 0;min-height:380px}.progression-tier h3{font-size:26px}.progression-amount>strong{font-size:25px}.progression-amount>span{font-size:8px}.vip-main .progression-increment{font-size:10px;min-height:40px}.progression-benefits-link{width:calc(100% + 28px);margin-inline:-14px;padding-inline:12px;font-size:9px}.progression-tier .tier-medal{width:67px;height:67px}.progression-tier-top{margin-bottom:20px}}
@media(max-width:900px){.vip-progression{display:flex;flex-direction:column;align-items:stretch;gap:18px;margin-top:25px;padding:0 0 0 35px}.vip-progression:before{content:'';position:absolute;top:0;bottom:0;left:12px;width:1px;background:linear-gradient(#b6b5af55,#d8b24a99,#ead8ae55)}.progression-milestone{top:28px;left:-35px;right:auto}.milestone-line{display:none}.progression-plinth{display:none}.progression-tier{display:grid;grid-template-columns:72px 1fr 1fr;gap:10px 20px;padding:23px 25px;min-height:0;border-radius:13px;text-align:left;align-items:center}.progression-tier-top{grid-column:2;grid-row:1;margin:0;justify-content:start}.progression-open{display:none}.progression-tier .tier-medal{grid-column:1;grid-row:1/4;margin:0;width:68px;height:68px}.progression-tier h3{grid-column:2;grid-row:2;margin:0;font-size:29px}.progression-amount{grid-column:3;grid-row:1/3;border:0;padding:0;gap:6px}.progression-amount>span{font-size:9px}.progression-amount>strong{font-size:29px}.vip-main .progression-increment{grid-column:2/4;grid-row:3;justify-content:start;min-height:0;max-width:none;font-size:11px;margin:5px 0 0}.progression-benefits-link{grid-column:2/4;grid-row:4;width:100%;margin:9px 0 0;padding:11px 0 0;background:none;font-size:11px}.progression-tier:hover{transform:translateX(3px)}.vip-progression-caption{font-size:8px}.vip-levels{padding-bottom:45px}}
@media(max-width:650px){.vip-progression-caption{align-items:flex-start;gap:15px;font-size:7px}.vip-progression-caption>span:last-child{max-width:180px;text-align:right;line-height:1.7;gap:10px}.vip-progression{padding-left:30px;gap:17px}.vip-progression:before{left:10px}.progression-milestone{left:-30px;top:25px}.milestone-number{width:21px;height:21px;font-size:8px}.progression-tier{grid-template-columns:52px 1fr;gap:9px 16px;padding:22px 20px}.progression-tier .tier-medal{width:51px;height:51px;grid-row:1/3}.progression-tier-top{grid-column:2;grid-row:1}.progression-level-label{font-size:8px}.progression-tier h3{grid-column:2;grid-row:2;font-size:28px}.progression-amount{grid-column:1/-1;grid-row:3;border-top:1px solid #d8b24a26;padding-top:17px;margin-top:8px;flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.progression-amount>span{font-size:9px;max-width:140px}.progression-amount>strong{font-size:27px;white-space:nowrap}.vip-main .progression-increment{grid-column:1/-1;grid-row:4;font-size:11px;line-height:1.8;margin-top:3px}.progression-benefits-link{grid-column:1/-1;grid-row:5;font-size:11px;margin-top:9px}.vip-levels{padding-bottom:35px}}@media(prefers-reduced-motion:reduce){.progression-tier{transition:none}.progression-tier:hover{transform:none}}