*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(180deg,#0f0a06 0,#1a1410 30%,#2a1f15 60%,#1a1410 100%);color:#e2c498;font-family:serif;min-height:100vh}.container{max-width:1000px;margin:0 auto;padding:24px 16px}.back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:0 0;color:#a8895a;border:1px solid rgba(201,168,106,.3);border-radius:999px;font-size:.85rem;cursor:pointer;font-family:serif;margin-bottom:20px;transition:all .3s ease;text-decoration:none}.back-btn:hover{background:rgba(201,168,106,.1);color:#c9a86a}.vip-header{text-align:center;padding:48px 20px;background:linear-gradient(135deg,rgba(201,168,106,.15),rgba(168,137,90,.08));border:1px solid rgba(201,168,106,.3);border-radius:24px;margin-bottom:32px;position:relative;overflow:hidden}.vip-header::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(201,168,106,.1) 0,transparent 60%);animation:rotate 25s linear infinite}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.vip-crown{font-size:4rem;margin-bottom:16px;filter:drop-shadow(0 4px 20px rgba(201,168,106,.5));position:relative;z-index:1}.vip-title{font-size:2.2rem;background:linear-gradient(135deg,#f4d03f,#c9a86a,#a8895a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:8px;margin-bottom:12px;position:relative;z-index:1;font-weight:700}.vip-subtitle{font-size:1rem;color:#a8895a;letter-spacing:3px;position:relative;z-index:1}.vip-status{display:inline-block;margin-top:20px;padding:8px 24px;background:rgba(201,168,106,.2);border:1px solid rgba(201,168,106,.4);border-radius:999px;font-size:.9rem;color:#c9a86a;position:relative;z-index:1}.section-title{font-size:1.3rem;color:#e2c498;letter-spacing:4px;margin:32px 0 20px;text-align:center}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}@media(max-width:768px){.plans-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto 32px}}.plan-card{background:linear-gradient(160deg,rgba(42,31,21,.9),rgba(26,20,16,.95));border:1px solid rgba(201,168,106,.25);border-radius:20px;padding:32px 24px;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.plan-card:hover{transform:translateY(-6px);border-color:rgba(201,168,106,.5);box-shadow:0 20px 48px rgba(0,0,0,.4),0 0 30px rgba(201,168,106,.15)}.plan-card.recommended{border-color:rgba(201,168,106,.6);background:linear-gradient(160deg,rgba(201,168,106,.12),rgba(42,31,21,.95));transform:scale(1.03)}.plan-card.recommended:hover{transform:scale(1.03) translateY(-6px)}.plan-badge{position:absolute;top:16px;left:50%;transform:translateX(-50%);padding:4px 16px;background:linear-gradient(135deg,#c9a86a,#a8895a);color:#3a2f1c;font-size:.72rem;font-weight:700;border-radius:999px;letter-spacing:2px}.plan-icon{font-size:2.5rem;margin-bottom:16px;margin-top:12px}.plan-name{font-size:1.3rem;color:#e2c498;font-weight:700;letter-spacing:3px;margin-bottom:8px}.plan-desc{font-size:.8rem;color:#a8895a;margin-bottom:20px;line-height:1.6}.plan-price{margin-bottom:20px}.plan-price-num{font-size:2.8rem;font-weight:700;color:#c9a86a;line-height:1}.plan-price-unit{font-size:.85rem;color:#a8895a;margin-top:4px}.plan-price-original{font-size:.8rem;color:#6b5a3e;text-decoration:line-through;margin-top:4px}.plan-save{display:inline-block;padding:2px 10px;background:rgba(192,57,43,.2);color:#e74c3c;font-size:.7rem;border-radius:4px;margin-top:8px}.plan-btn{display:block;width:100%;padding:14px;background:linear-gradient(135deg,#c9a86a,#a8895a);color:#3a2f1c;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;font-family:serif;letter-spacing:3px;transition:all .3s ease;margin-top:8px}.plan-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(201,168,106,.4)}.plan-card.recommended .plan-btn{background:linear-gradient(135deg,#f4d03f,#c9a86a)}.benefits-section{background:rgba(201,168,106,.05);border:1px solid rgba(201,168,106,.15);border-radius:20px;padding:32px;margin-bottom:32px}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-top:20px}.benefit-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:rgba(201,168,106,.05);border-radius:12px;border:1px solid rgba(201,168,106,.1)}.benefit-icon{font-size:1.5rem;flex:none}.benefit-name{font-size:.95rem;color:#e2c498;font-weight:600;margin-bottom:4px}.benefit-desc{font-size:.78rem;color:#a8895a;line-height:1.6}.faq-section{margin-bottom:32px}.faq-item{background:rgba(201,168,106,.05);border:1px solid rgba(201,168,106,.15);border-radius:12px;margin-bottom:12px;overflow:hidden}.faq-question{padding:16px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:.95rem;color:#e2c498;transition:background .3s ease}.faq-question:hover{background:rgba(201,168,106,.08)}.faq-answer{padding:0 20px;max-height:0;overflow:hidden;transition:all .3s ease;font-size:.85rem;color:#a8895a;line-height:1.8}.faq-item.open .faq-answer{padding:0 20px 16px;max-height:200px}.faq-arrow{transition:transform .3s ease;color:#c9a86a}.faq-item.open .faq-arrow{transform:rotate(180deg)}@media(max-width:480px){.vip-title{font-size:1.6rem;letter-spacing:4px}.vip-crown{font-size:3rem}.benefits-section{padding:20px}}