.vip-page{display:grid;gap:22px;padding-top:26px;padding-bottom:54px}.vip-status{display:flex;align-items:center;justify-content:space-between;border-color:rgba(255,174,0,.32)}.vip-status.active{box-shadow:inset 4px 0 #ffae00}.vip-status small,.vip-benefits .section-head span,.vip-plans .section-head span{color:#ffb000;letter-spacing:.18em}.vip-status h2{margin:.35rem 0 0}.vip-status>strong{color:#ffd76c}.vip-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.vip-benefit-grid article,.vip-plan-card{display:flex;min-height:92px;flex-direction:column;justify-content:center;gap:7px;padding:18px;border:1px solid rgba(255,174,0,.2);border-radius:12px;background:rgba(28,24,22,.72)}.vip-benefit-grid b{color:#fff}.vip-benefit-grid span{color:#aeb6c8;font-size:.9rem}.vip-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vip-plan-card strong{font-size:1.55rem;color:#fff}.vip-plan-card span{color:#ffca42;font-weight:700}.vip-plan-card .btn{margin-top:10px}@media(max-width:900px){.vip-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vip-plan-grid{grid-template-columns:1fr}}@media(max-width:540px){.vip-status{align-items:flex-start;flex-direction:column;gap:12px}.vip-benefit-grid{grid-template-columns:1fr}}