@keyframes vipFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.vip-page{max-width:1100px;margin:0 auto;padding:40px 20px 64px}.vip-hero{text-align:center;padding:28px 0 8px;animation:vipFadeUp .5s cubic-bezier(.22,1,.36,1) both}.vip-hero__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:99px;font-size:12px;font-weight:800;letter-spacing:.14em;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 8px 28px #8b5cf666;margin-bottom:20px}.vip-hero__badge i{font-size:12px}.vip-hero__title{font-family:Syne,sans-serif;font-size:clamp(26px,4.5vw,42px);font-weight:900;letter-spacing:-.03em;color:var(--color-title, var(--color-text));margin:0 0 12px;line-height:1.08}.vip-hero__subtitle{font-size:15px;color:var(--color-text-muted);margin:0 auto;max-width:460px;line-height:1.6}.vip-section{margin-top:48px}.vip-section__title{font-family:Syne,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--color-title, var(--color-text));margin:0 0 22px}.vip-perks{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:640px){.vip-perks{grid-template-columns:repeat(3,1fr);gap:16px}}.vip-perk{background:var(--color-card, #14141c);border:1px solid var(--color-border);border-radius:16px;padding:20px 18px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.vip-perk:hover{transform:translateY(-3px);border-color:rgb(var(--color-primary-rgb) / .35);box-shadow:0 10px 30px rgb(var(--color-primary-rgb) / .1)}.vip-perk__icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:13px;font-size:18px;color:var(--color-primary);background:rgb(var(--color-primary-rgb) / .12);margin-bottom:14px}.vip-perk__title{font-size:14px;font-weight:700;color:var(--color-text);margin:0 0 4px}.vip-perk__desc{font-size:12.5px;line-height:1.55;color:var(--color-text-muted);margin:0}.vip-plans{display:grid;grid-template-columns:1fr;gap:16px;align-items:stretch}@media(min-width:768px){.vip-plans{grid-template-columns:repeat(3,1fr)}}.vip-plan{position:relative;display:flex;flex-direction:column;background:var(--color-card, #14141c);border:1px solid var(--color-border);border-radius:18px;padding:26px 22px 22px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.vip-plan:hover{transform:translateY(-4px);border-color:var(--color-border-hover, rgb(var(--color-primary-rgb) / .4))}.vip-plan--featured{border-color:rgb(var(--color-primary-rgb) / .45);box-shadow:0 14px 44px rgb(var(--color-primary-rgb) / .18)}.vip-plan--featured:hover{box-shadow:0 18px 54px rgb(var(--color-primary-rgb) / .24)}.vip-plan__badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);padding:5px 14px;border-radius:99px;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 6px 18px #8b5cf659;white-space:nowrap}.vip-plan__head{margin-bottom:14px}.vip-plan__name{font-family:Syne,sans-serif;font-size:19px;font-weight:800;letter-spacing:-.02em;color:var(--color-title, var(--color-text))}.vip-plan__tagline{margin-top:4px;font-size:12px;color:var(--color-text-muted);line-height:1.5}.vip-plan__price{display:flex;align-items:baseline;gap:2px;margin-bottom:18px}.vip-plan__currency{font-size:14px;font-weight:700;color:var(--color-text-muted)}.vip-plan__amount{font-family:Syne,sans-serif;font-size:34px;font-weight:900;letter-spacing:-.03em;color:var(--color-title, var(--color-text))}.vip-plan__period{font-size:13px;color:var(--color-text-muted)}.vip-plan__bonus{display:flex;align-items:center;gap:8px;margin:-8px 0 16px;padding:9px 12px;border-radius:10px;border:1px solid rgb(234 179 8 / .3);background:#eab3081a;font-size:12px;color:#eab308}.vip-plan__bonus i{font-size:12px}.vip-plan__bonus strong{font-weight:800}.vip-plan__benefits{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:10px;flex:1}.vip-plan__benefits li{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.5;color:var(--color-text-secondary, #d1d5db)}.vip-plan__benefits li i{flex-shrink:0;margin-top:2px;font-size:11px;color:var(--color-primary)}.vip-plan__btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;border-radius:12px;border:none;font-size:14px;font-weight:700;font-family:DM Sans,system-ui,sans-serif;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);cursor:pointer;transition:opacity .15s,transform .15s,box-shadow .15s;text-align:center}.vip-plan__btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 8px 24px #8b5cf659}.vip-plan__btn:active{transform:scale(.98)}.vip-plan__btn i{font-size:12px}.vip-plan__btn--active{background:rgb(var(--color-primary-rgb) / .14);color:var(--color-primary);cursor:default}.vip-plan__btn--active:hover{opacity:1;transform:none;box-shadow:none}.vip-plans__note{text-align:center;font-size:12.5px;color:var(--color-text-muted);margin:22px 0 0}.vip-plans__note i{margin-right:5px;color:var(--color-primary)}.vip-plans__empty{grid-column:1 / -1;text-align:center;padding:30px;color:var(--color-text-muted);font-size:14px}.vip-faq{display:flex;flex-direction:column;gap:10px}.vip-faq__item{background:var(--color-card, #14141c);border:1px solid var(--color-border);border-radius:14px;overflow:hidden}.vip-faq__q{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;font-size:14px;font-weight:600;color:var(--color-text);cursor:pointer;list-style:none}.vip-faq__q::-webkit-details-marker{display:none}.vip-faq__q i{font-size:11px;color:var(--color-text-muted);transition:transform .2s ease;flex-shrink:0}.vip-faq__item[open] .vip-faq__q i{transform:rotate(180deg)}.vip-faq__a{margin:0;padding:0 18px 16px;font-size:13px;line-height:1.65;color:var(--color-text-muted)}.shop-modal{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9000;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s}@media(min-width:640px){.shop-modal{align-items:center}}.shop-modal.is-open{opacity:1;pointer-events:auto}.shop-modal__panel{width:100%;max-width:440px;background:var(--color-card, #111113);border:1px solid var(--color-border);border-bottom:none;border-radius:24px 24px 0 0;padding:24px 20px calc(24px + env(safe-area-inset-bottom));transform:translateY(20px);transition:transform .3s cubic-bezier(.22,1,.36,1);box-shadow:0 -20px 60px #00000080}@media(min-width:640px){.shop-modal__panel{border-radius:24px;border-bottom:1px solid var(--color-border);padding:28px 24px}}.shop-modal.is-open .shop-modal__panel{transform:translateY(0)}.shop-modal__handle{width:36px;height:4px;border-radius:99px;background:var(--color-border);margin:-8px auto 20px;display:block}@media(min-width:640px){.shop-modal__handle{display:none}}.confirm-modal__desc{font-size:14px;color:var(--color-text-muted);text-align:center;margin-bottom:22px;line-height:1.6}.confirm-modal__desc strong{color:var(--color-text)}.confirm-btns{display:flex;gap:8px}.btn-confirm-ok{flex:1;padding:12px;border-radius:13px;background:var(--color-accent);color:#000;font-weight:800;font-size:14px;border:none;cursor:pointer;transition:opacity .15s,transform .15s;font-family:DM Sans,system-ui,sans-serif}.btn-confirm-ok:hover{opacity:.88}.btn-confirm-ok:active{transform:scale(.97)}.btn-confirm-cancel{flex:1;padding:12px;border-radius:13px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,color .15s;font-family:DM Sans,system-ui,sans-serif}.btn-confirm-cancel:hover{background:var(--color-secondary);color:var(--color-text)}