.sub-card{--sub-accent: #f4b77d;--sub-wash: #413026;position:relative;isolation:isolate;min-width:0;overflow:hidden;border:1px solid #494139;border-radius:16px;background:#1b1b20;color:#f7f4ef;transform:perspective(1000px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transition:transform .35s ease-out,border-color .3s}.sub-card--1{--sub-accent: #c4d4e4;--sub-wash: #2d3a49;border-color:#414a53}.sub-card--2{--sub-accent: #f0cd84;--sub-wash: #483b22;border-color:#55482f}.sub-card--3{--sub-accent: #b8ded1;--sub-wash: #254139;border-color:#3c574f}.sub-card:hover,.sub-card.is-current{border-color:var(--sub-accent)}.sub-card-art{position:absolute;z-index:-2;inset:0 0 auto;height:265px;overflow:hidden;background:radial-gradient(ellipse at 74% 5%,var(--sub-wash),transparent 72%)}.sub-card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#17191f25,#1b1b2055 40%,#1b1b20)}.sub-card-art img{width:100%;height:100%;object-fit:cover;opacity:.62}.sub-card-orbit{position:absolute;width:260px;height:260px;right:-65px;top:-118px;border:1px solid var(--sub-accent);border-radius:38%;opacity:.35;animation:sub-orbit 32s linear infinite}.sub-card-orbit--inner{width:230px;height:230px;right:-48px;top:-103px;border-radius:36%;animation-direction:reverse}.sub-card-crown{position:absolute;right:22px;top:44px;width:82px;height:82px;color:var(--sub-accent);opacity:.21;transform:rotate(-15deg)}.sub-card-foil{pointer-events:none;z-index:-1;position:absolute;inset:-60%;background:linear-gradient(115deg,transparent 42%,#ffffff08 47%,#ffffff13 50%,#ffffff08 53%,transparent 58%);transform:translate(-60%) rotate(-15deg);animation:sub-foil 9s ease-in-out infinite}.sub-card-content{height:100%;padding:24px;display:flex;flex-direction:column;box-sizing:border-box}.sub-card-top{display:flex;align-items:center;gap:8px;color:var(--sub-accent);font-size:12px}.sub-card h3{margin:25px 0 12px;font-size:22px;line-height:1.4;overflow-wrap:anywhere;color:#f7f4ef}.sub-card-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;color:#c5c3c1;font-size:12px}.sub-card-price strong{font-family:Manrope Variable,sans-serif;font-size:40px;letter-spacing:-.03em;font-weight:750;line-height:1.15;color:#fff5e9;font-variant-numeric:tabular-nums}.sub-card-price>span:first-child{align-self:flex-start;margin-top:5px;font-size:18px;color:var(--sub-accent)}.sub-card-perks{display:grid;gap:16px;padding:26px 0 23px;margin-top:12px;border-bottom:1px solid #ffffff17}.sub-card-perks>div{display:flex;gap:12px;align-items:center;color:var(--sub-accent)}.sub-card-perks span{display:grid;gap:3px;font-size:12px;color:#c5c3c1}.sub-card-perks strong{font-size:18px;font-weight:650;color:#f7f4ef}.sub-card-perks small{font-weight:400;font-size:12px;color:#c5c3c1}.sub-card-benefits{list-style:none;display:grid;gap:11px;padding:21px 0;margin:0 0 12px;font-size:12px;color:#d1ceca}.sub-card-benefits li{display:flex;gap:8px;align-items:start;line-height:1.6;overflow-wrap:anywhere}.sub-card-benefits svg{flex:none;color:var(--sub-accent);margin-top:2px}.sub-card-checkout{margin-top:auto}.sub-card-checkout button{width:100%;min-height:45px;display:flex;justify-content:center;gap:9px;align-items:center;border:1px solid var(--sub-accent);border-radius:8px;background:var(--sub-accent);color:#202022;font:inherit;font-size:13px;font-weight:750;cursor:pointer;transition:transform .2s,opacity .2s}.sub-card-checkout button:hover:not(:disabled){transform:translateY(-2px)}.sub-card-checkout button:active:not(:disabled){transform:scale(.98)}.sub-card-checkout button:disabled{opacity:.5;cursor:default}.sub-card-checkout button:focus-visible{outline:2px solid #f7f4ef;outline-offset:4px}.sub-card-upgrade{margin:0 0 14px;font-size:12px;color:#d1ceca}.sub-card-upgrade strong{font-size:20px;margin-left:5px;color:var(--sub-accent)}.sub-card-upgrade span{display:block;margin-top:5px}.sub-card-unavailable{font-size:12px;line-height:1.6;color:#c5c3c1}.sub-card-spin{animation:sub-orbit 1s linear infinite}.vip-badge{display:inline-flex;vertical-align:middle;align-items:center;flex-shrink:0;gap:4px;position:relative;overflow:hidden;padding:3px 6px;border:1px solid #a6815c66;border-radius:5px;background:#362a21;color:#f0c49d;font-size:10px;line-height:1.3;white-space:nowrap}.vip-badge b{font-family:Manrope Variable,sans-serif;font-weight:800;letter-spacing:.02em}.vip-badge>span{border-left:1px solid currentColor;padding-left:5px;margin-left:2px}.vip-badge--silver{color:#d4e4f4;background:linear-gradient(120deg,#283641,#465767,#25333f);border-color:#95acbf88}.vip-badge--gold{color:#ffe0a5;background:linear-gradient(115deg,#4b361b,#69522a,#372a19);border-color:#d7b266}.vip-badge--prism{color:#d4fff0;background:linear-gradient(120deg,#25463c,#344b58,#4b3e4e);border-color:#9acfc0}.vip-badge--gold:after,.vip-badge--prism:after{content:"";position:absolute;inset:-20%;background:linear-gradient(110deg,transparent 35%,#ffffff3b 50%,transparent 65%);animation:sub-foil 7s ease-in-out infinite;pointer-events:none}@keyframes sub-orbit{to{transform:rotate(360deg)}}@keyframes sub-foil{0%,30%{transform:translate(-70%)}70%,to{transform:translate(70%)}}@media(prefers-reduced-motion:reduce){.sub-card,.sub-card *{animation:none!important;transition:none!important;transform:none!important}.vip-badge:after{animation:none;display:none}}