.vip-page{position:relative}.vip-page__content{display:flex;flex-direction:column;gap:1.25rem}.vip-card{border-radius:1.25rem;padding:1.25rem 1.35rem;background:var(--background-secondary);border:1px solid color-mix(in srgb,var(--text) 8%,transparent)}.vip-card--hero{border-color:color-mix(in srgb,var(--primary) 28%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 7%,var(--background-secondary)) 0,var(--background-secondary) 42%)}.vip-card__eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--primary)}.vip-card__title{margin:0;font-size:1.05rem;font-weight:650;color:var(--text);letter-spacing:-.01em}.vip-progress{height:.5rem;overflow:hidden;border-radius:9999px;background:color-mix(in srgb,var(--text) 8%,transparent)}.vip-progress__fill{height:100%;border-radius:inherit;background:var(--primary);transition:width .55s cubic-bezier(.22,1,.36,1)}.vip-level-tile{display:flex;width:10.25rem;flex-shrink:0;flex-direction:column;align-items:center;gap:.55rem;border-radius:1.15rem;padding:.9rem .65rem 1rem;background:transparent;border:1px solid color-mix(in srgb,var(--text) 8%,transparent);transition:border-color .2s ease,background-color .2s ease}.vip-level-tile:hover{border-color:color-mix(in srgb,var(--primary) 35%,transparent)}.vip-level-tile--active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 6%,transparent)}.vip-boost-item{display:flex;align-items:flex-start;gap:.55rem;padding:.35rem 0;border-bottom:1px solid color-mix(in srgb,var(--text) 7%,transparent);color:var(--text);font-size:.925rem;line-height:1.35}.vip-boost-item:last-child{border-bottom:0;padding-bottom:0}.vip-benefit{border-radius:1rem;padding:.85rem .95rem;background:color-mix(in srgb,var(--text) 2.5%,var(--background-secondary))}.vip-benefit,.vip-image-shell{border:1px solid color-mix(in srgb,var(--text) 8%,transparent)}.vip-image-shell{background:color-mix(in srgb,var(--text) 3%,var(--background-secondary))}.vip-stat-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem 0;border-bottom:1px solid color-mix(in srgb,var(--text) 7%,transparent)}.vip-stat-row:last-child{border-bottom:0;padding-bottom:0}.vip-stat-row dt{color:var(--muted)}.vip-stat-row dd{margin:0;display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text)}@media (prefers-reduced-motion:reduce){.vip-progress__fill{transition:none!important}}