.vip-page{padding-bottom:10px}.vip-hero{text-align:center;padding:64px 20px 48px;animation:.6s 50ms both fadeUp;position:relative;overflow:hidden}.vip-hero:before{content:"";pointer-events:none;background:radial-gradient(80% 60% at 50% 40%,#e8b94e2e 0%,#ff582b14 45%,#0000 72%);width:680px;height:340px;position:absolute;top:8%;left:50%;transform:translate(-50%)}.vip-badge{color:#8a6410;background:linear-gradient(135deg,#fdf0cd 0%,#f7df9c 100%);border:1px solid #eed68a;border-radius:20px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:560;display:inline-flex;box-shadow:0 2px 10px #e8b94e47}.vip-badge svg{color:#c9961b;width:14px;height:14px}.vip-hero h1{letter-spacing:-1px;color:#1c1c1e;margin-top:22px;font-size:40px;font-weight:700;line-height:1.25;position:relative}.vip-hero h1 .gold{background:linear-gradient(120deg,#d99c1e 0%,#f0c657 45%,#e8b94e 60%,#c9961b 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:5s ease-in-out infinite shine}.vip-hero p{color:#8e8e93;letter-spacing:.3px;margin-top:14px;font-size:16px;font-weight:350}.hero-points{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:22px;display:flex}.hero-points span{color:#6e6e73;background:#fff;border:1px solid #eeedeb;border-radius:20px;padding:7px 18px;font-size:13.5px;box-shadow:0 1px 2px #1c1c1e08}.hero-points i{background:#e8b94e;border-radius:50%;width:4px;height:4px}.plans-section{z-index:1;animation:.6s .12s both fadeUp;position:relative}.plans-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.plan-card{background:#fff;border:1px solid #f0eeeb;border-radius:18px;flex-direction:column;padding:32px 26px 26px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 1px 2px #1c1c1e05,0 8px 24px #1c1c1e08}.plan-card:hover{border-color:#e5e2dd;transform:translateY(-6px);box-shadow:0 2px 4px #1c1c1e0a,0 18px 40px #1c1c1e14}.plan-featured{background:linear-gradient(165deg,#2e2b26 0%,#1c1c1e 55%,#33220f 100%);border-color:#0000;overflow:hidden;box-shadow:0 16px 40px #3c2a0a47}.plan-featured:before{content:"";pointer-events:none;background:radial-gradient(circle at 85% -10%,#e8b94e59 0%,#0000 55%);position:absolute;inset:0}.plan-featured:hover{transform:translateY(-6px);box-shadow:0 24px 52px #3c2a0a5c}.plan-ribbon{color:#5e4209;letter-spacing:1px;background:linear-gradient(135deg,#f5d97a 0%,#e8b94e 100%);border-radius:0 0 8px 8px;padding:5px 14px 6px;font-size:12px;font-weight:600;position:absolute;top:0;right:24px;box-shadow:0 4px 12px #e8b94e66}.plan-tag{color:#ff582b;background:#ff582b14;border:1px solid #ff582b33;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:560;position:absolute;top:18px;right:18px}.plan-name{color:#1c1c1e;letter-spacing:-.2px;font-size:19px;font-weight:620}.plan-featured .plan-name{color:#f5d97a}.plan-desc{color:#b0aea9;margin-top:6px;font-size:12.5px}.plan-featured .plan-desc{color:#ffffff8c}.plan-price{color:#1c1c1e;font-variant-numeric:tabular-nums;letter-spacing:-1.5px;margin-top:20px;font-size:42px;font-weight:700;line-height:1}.plan-price .sym{vertical-align:10px;margin-right:2px;font-size:20px;font-weight:600}.plan-price .unit{color:#b0aea9;letter-spacing:0;margin-left:6px;font-size:13px;font-weight:400}.plan-featured .plan-price{color:#fff}.plan-featured .plan-price .sym,.plan-featured .plan-price .unit{color:#f5d97a}.plan-featured .plan-price .unit{color:#ffffff8c}.plan-average{color:#b0aea9;margin-top:10px;font-size:12px}.plan-featured .plan-average{color:#f5d97ad9}.plan-features{border-top:1px solid #f5f4f1;flex-direction:column;flex:1;gap:12px;margin:22px 0 24px;padding:18px 0 0;list-style:none;display:flex}.plan-featured .plan-features{border-top-color:#ffffff1a}.plan-features li{color:#3a3a3e;padding-left:24px;font-size:13.5px;line-height:1.4;position:relative}.plan-featured .plan-features li{color:#ffffffd1}.plan-features li:before{content:"";background:#ff582b1a;border-radius:50%;width:15px;height:15px;position:absolute;top:2px;left:0}.plan-features li:after{content:"";border-bottom:1.6px solid #ff582b;border-left:1.6px solid #ff582b;width:6px;height:3px;position:absolute;top:5.5px;left:4.5px;transform:rotate(-45deg)}.plan-featured .plan-features li:before{background:#f5d97a2e}.plan-featured .plan-features li:after{border-color:#f5d97a}.plan-btn{color:#ff582b;cursor:pointer;background:#fff;border:1px solid #ff582b;border-radius:12px;height:46px;font-family:inherit;font-size:15px;font-weight:560;transition:all .22s cubic-bezier(.4,0,.2,1)}.plan-btn:hover{color:#fff;background:linear-gradient(#ff6a41 0%,#ff582b 100%);transform:translateY(-2px);box-shadow:0 8px 20px #ff582b4d}.plan-btn:active{transform:translateY(0)}.plan-btn-gold{color:#5e4209;background:linear-gradient(135deg,#f5d97a 0%,#e8b94e 100%);border-color:#0000;box-shadow:0 4px 14px #e8b94e66,inset 0 1px #ffffff59}.plan-btn-gold:hover{color:#4a3306;background:linear-gradient(135deg,#f7df9a 0%,#eec25d 100%);box-shadow:0 10px 26px #e8b94e80}.section-title{text-align:center;align-items:center;gap:18px;margin:72px 0 34px;display:flex}.section-title:before,.section-title:after{content:"";background:linear-gradient(90deg,#0000 0%,#e5e2dd 100%);flex:1;height:1px}.section-title:after{background:linear-gradient(90deg,#e5e2dd 0%,#0000 100%)}.section-title span{color:#1c1c1e;letter-spacing:.5px;white-space:nowrap;font-size:22px;font-weight:620}.rights-section{animation:.6s 50ms both fadeUp}.rights-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.right-item{background:#fff;border:1px solid #f0eeeb;border-radius:16px;padding:28px 24px;transition:all .25s cubic-bezier(.4,0,.2,1)}.right-item:hover{border-color:#eed68a;transform:translateY(-4px);box-shadow:0 14px 32px #e8b94e1f}.right-icon{color:#c9961b;background:linear-gradient(135deg,#fdf0cd 0%,#f7df9c 100%);border-radius:13px;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:inset 0 1px #ffffff80}.right-icon svg{width:22px;height:22px}.right-item h3{color:#1c1c1e;margin-top:16px;font-size:15.5px;font-weight:600}.right-item p{color:#8e8e93;margin-top:8px;font-size:13px;line-height:1.65}.faq-section{max-width:820px;margin:0 auto;animation:.6s 50ms both fadeUp}.faq-section .section-title{margin-top:72px}.faq-list{flex-direction:column;gap:12px;display:flex}.faq-list details{background:#fff;border:1px solid #f0eeeb;border-radius:14px;padding:0 22px;transition:all .2s}.faq-list details[open]{border-color:#eed68a;box-shadow:0 8px 24px #e8b94e1a}.faq-list summary{cursor:pointer;color:#1c1c1e;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;padding:19px 0;font-size:15px;font-weight:560;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-arrow{flex-shrink:0;width:14px;height:14px;position:relative}.faq-arrow:before,.faq-arrow:after{content:"";background:#b0aea9;transition:all .22s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.faq-arrow:before{width:12px;height:1.8px}.faq-arrow:after{width:1.8px;height:12px}.faq-list details[open] .faq-arrow:after{opacity:0;transform:translate(-50%,-50%)rotate(90deg)}.faq-list details[open] .faq-arrow:before{background:#e8b94e}.faq-list details p{color:#6e6e73;padding:0 0 20px;font-size:13.5px;line-height:1.8}.vip-toast{color:#fff;opacity:0;visibility:hidden;z-index:999;pointer-events:none;text-align:center;background:#1c1c1eeb;border-radius:12px;max-width:90%;padding:12px 24px;font-size:14px;transition:all .28s cubic-bezier(.4,0,.2,1);position:fixed;bottom:48px;left:50%;transform:translate(-50%,20px);box-shadow:0 12px 32px #1c1c1e47}.vip-toast.show{opacity:1;visibility:visible;transform:translate(-50%)}@media (width<=1100px){.plans-grid,.rights-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.vip-hero{padding:44px 12px 32px}.vip-hero h1{font-size:28px}.vip-hero p{font-size:14px}.section-title{margin:52px 0 24px}.section-title span{font-size:18px}}@media (width<=560px){.plans-grid,.rights-grid{grid-template-columns:1fr}.plan-card{padding:28px 22px 22px}}
