.page-hero{padding:var(--spacing-20)0 var(--spacing-16);background:linear-gradient(135deg,var(--background) 0%,var(--background-light) 100%);position:relative;overflow:hidden}.page-hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(43,234,176,.1)0,transparent 50%),radial-gradient(circle at 70% 80%,rgba(43,234,176,.05)0,transparent 50%);pointer-events:none}.page-hero .hero-content{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:1}.page-hero h1{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--spacing-6);background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.page-hero .hero-description,.pricing-header p{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px}.page-hero .hero-description{margin-bottom:0;margin-left:auto;margin-right:auto}.pricing-section{padding:var(--spacing-24)0;background:var(--background)}.pricing-header{text-align:center;margin-bottom:var(--spacing-16)}.pricing-header h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-4);color:var(--text-primary)}.pricing-header p{margin:0 auto}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-8);max-width:1000px;margin:0 auto}.pricing-features li,.pricing-loading{color:var(--text-secondary);display:flex;align-items:center}.pricing-error,.pricing-loading{flex-direction:column;justify-content:center;padding:var(--spacing-12);grid-column:1/-1}.pricing-loading i{color:var(--primary)}.pricing-error{display:flex;align-items:center;color:var(--error)}.pricing-error i,.pricing-header h3,.pricing-loading i{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-4)}.pricing-card{background:var(--background-light);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--spacing-8);text-align:center;transition:all var(--transition-normal);position:relative}.pricing-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 10px 30px rgba(43,234,176,.1)}.pricing-card.current{border-color:var(--primary);background:rgba(43,234,176,.05)}.pricing-card.current::before{content:"Current Plan";position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:var(--primary);color:var(--background);padding:var(--spacing-2) var(--spacing-4);border-radius:0 0 var(--radius-md) var(--radius-md);font-size:var(--font-size-sm);font-weight:600}.pricing-header h3{color:var(--text-primary)}.pricing-price{margin-bottom:var(--spacing-6)}.pricing-price .currency{font-size:var(--font-size-lg);color:var(--text-secondary);vertical-align:top}.pricing-price .amount{font-size:var(--font-size-4xl);font-weight:800;color:var(--primary)}.pricing-price .period{font-size:var(--font-size-lg);color:var(--text-secondary)}.pricing-features{list-style:none;padding:0;margin:0 0 var(--spacing-8)0;text-align:left}.pricing-features li{padding:var(--spacing-3)0;gap:var(--spacing-3);border-bottom:1px solid var(--border)}.pricing-features li:last-child{border-bottom:none}.pricing-features li i{color:var(--success);font-size:var(--font-size-sm);flex-shrink:0}.pricing-button{width:100%;padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-lg);font-weight:600}.pricing-button:disabled{opacity:.6;cursor:not-allowed}.topup-card{background:var(--background-light);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--spacing-8);text-align:center;transition:all var(--transition-normal)}.topup-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 10px 30px rgba(43,234,176,.1)}.topup-card h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-4);color:var(--text-primary)}.topup-card .amount{font-size:var(--font-size-3xl);font-weight:800;color:var(--primary);margin-bottom:var(--spacing-2)}.topup-price{color:var(--text-secondary)}.topup-card .pricing-features,.topup-price{margin-bottom:var(--spacing-6)}.features-comparison{padding:var(--spacing-24)0;background:var(--background-light)}.features-comparison h2,.pricing-faq h2{text-align:center;margin-bottom:var(--spacing-16);font-size:var(--font-size-3xl);color:var(--text-primary)}.comparison-table{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;max-width:800px;margin:0 auto}.comparison-header{background:var(--background-light)}.comparison-header>div{padding:var(--spacing-6);font-weight:600;color:var(--text-primary);text-align:center}.comparison-header .feature-column{text-align:left}.comparison-header .plan-column.featured{background:rgba(43,234,176,.1);color:var(--primary)}.comparison-header,.comparison-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;border-bottom:1px solid var(--border)}.comparison-row:last-child{border-bottom:none}.comparison-row>div{padding:var(--spacing-4) var(--spacing-6);display:flex;align-items:center;justify-content:center}.comparison-row .feature-name{justify-content:flex-start;color:var(--text-primary);font-weight:500}.comparison-row .plan-value,.faq-item p{color:var(--text-secondary)}.comparison-row .plan-value i,.faq-item h3{font-size:var(--font-size-lg)}.comparison-row .plan-value .fa-check{color:var(--success)}.comparison-row .plan-value .fa-times{color:var(--error)}.pricing-faq{padding:var(--spacing-24)0;background:var(--background)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-8)}.faq-item{background:var(--background-light);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-6);transition:all var(--transition-normal)}.faq-item:hover{border-color:var(--primary);transform:translateY(-2px)}.faq-item h3{margin-bottom:var(--spacing-3);color:var(--text-primary)}.faq-item p{margin:0;line-height:1.6}@media (max-width:768px){.page-hero{padding:var(--spacing-16)0 var(--spacing-12)}.page-hero h1{font-size:var(--font-size-3xl)}.features-comparison,.pricing-faq,.pricing-section{padding:var(--spacing-16)0}.pricing-grid{grid-template-columns:1fr;gap:var(--spacing-6)}.comparison-header,.comparison-row{grid-template-columns:1fr;gap:var(--spacing-2)}.comparison-header>div,.comparison-row>div{padding:var(--spacing-3);text-align:center}.comparison-header .feature-column,.comparison-row .feature-name{text-align:center;justify-content:center}.faq-grid{grid-template-columns:1fr}}.faq-item,.pricing-card,.topup-card{animation:fadeIn .6s ease-out}.pricing-card:nth-child(1){animation-delay:.1s}.pricing-card:nth-child(2){animation-delay:.2s}.pricing-card:nth-child(3){animation-delay:.3s}.pricing-card:nth-child(4){animation-delay:.4s}.faq-item:nth-child(1){animation-delay:.1s}.faq-item:nth-child(2){animation-delay:.2s}.faq-item:nth-child(3){animation-delay:.3s}.faq-item:nth-child(4){animation-delay:.4s}