.payment-options-page{background:#fff;width:100%}.payment-options-page .payment-options-container{max-width:1400px;margin:0 auto;padding:0}.payment-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);margin-bottom:60px;padding:80px 40px}@media (max-width:768px){.payment-hero{padding:60px 20px}}.payment-hero .hero-content{max-width:900px;margin:0 auto}.payment-hero .hero-title{margin-bottom:24px;font-size:2.8rem;font-weight:700;line-height:1.2}@media (max-width:768px){.payment-hero .hero-title{font-size:2rem}}.payment-hero .hero-description{opacity:.95;margin-bottom:16px;font-size:1.15rem;line-height:1.8}.payment-hero .hero-subtitle{opacity:.9;font-size:1.1rem;font-weight:500;line-height:1.7}.payment-plans{padding:40px 20px 60px}.payment-plans .plans-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}@media (max-width:768px){.payment-plans .plans-grid{grid-template-columns:1fr;gap:24px}}.plan-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;flex-direction:column;padding:32px;transition:all .3s;display:flex;position:relative}.plan-card:hover{border-color:#667eea;transform:translateY(-8px);box-shadow:0 20px 40px #0000001f}.plan-card.plan-featured{border-width:3px;border-color:#667eea;box-shadow:0 8px 24px #667eea26}.plan-card.plan-featured .plan-header .plan-title{color:#667eea}.plan-card.plan-featured .plan-button{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.plan-card.plan-featured .plan-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.plan-card .plan-badge{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:6px 16px;font-size:.85rem;font-weight:600;position:absolute;top:-12px;right:24px;box-shadow:0 4px 12px #667eea4d}.plan-card .plan-badge.plan-badge-new{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.plan-card .plan-header{border-bottom:2px solid #f3f4f6;margin-bottom:24px;padding-bottom:24px}.plan-card .plan-header .plan-title{color:#1f2937;margin-bottom:16px;font-size:1.5rem;font-weight:700;line-height:1.3}.plan-card .plan-header .plan-price{align-items:baseline;gap:8px;display:flex}.plan-card .plan-header .plan-price .price-amount{color:#667eea;font-size:2.5rem;font-weight:800;line-height:1}.plan-card .plan-header .plan-price .price-label{color:#6b7280;font-size:.95rem;font-weight:500}.plan-card .plan-body{flex:1;margin-bottom:24px}.plan-card .plan-body .plan-features{margin:0 0 20px;padding:0;list-style:none}.plan-card .plan-body .plan-features li{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.plan-card .plan-body .plan-features li .feature-icon{flex-shrink:0;font-size:1.5rem;line-height:1}.plan-card .plan-body .plan-features li .feature-content{color:#374151;font-size:.95rem;line-height:1.6}.plan-card .plan-body .plan-features li .feature-content strong{color:#1f2937;font-weight:600}.plan-card .plan-body .plan-description{color:#6b7280;background:#f9fafb;border-left:3px solid #667eea;border-radius:8px;padding:16px;font-size:.95rem;font-style:italic;line-height:1.7}.plan-card .plan-footer .plan-button{color:#667eea;text-align:center;background:#fff;border:2px solid #667eea;border-radius:8px;width:100%;padding:14px 24px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:block}.plan-card .plan-footer .plan-button:hover{color:#fff;background:#667eea;transform:translateY(-2px);box-shadow:0 6px 16px #667eea4d}.why-choose{background:linear-gradient(#f9fafb,#fff);padding:80px 40px}@media (max-width:768px){.why-choose{padding:60px 20px}}.why-choose .section-title{text-align:center;color:#1f2937;margin-bottom:50px;font-size:2.5rem;font-weight:700}@media (max-width:768px){.why-choose .section-title{font-size:2rem}}.why-choose .benefits-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}@media (max-width:768px){.why-choose .benefits-grid{grid-template-columns:1fr;gap:20px}}.benefit-card{text-align:center;background:#fff;border:2px solid #0000;border-radius:12px;padding:32px 24px;transition:all .3s}.benefit-card:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.benefit-card:hover .benefit-icon{transform:scale(1.1)}.benefit-card .benefit-icon{margin-bottom:16px;font-size:3rem;transition:transform .3s}.benefit-card .benefit-title{color:#1f2937;margin-bottom:12px;font-size:1.25rem;font-weight:600}.benefit-card .benefit-description{color:#6b7280;font-size:.95rem;line-height:1.6}.payment-cta{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:80px 40px}@media (max-width:768px){.payment-cta{padding:60px 20px}}.payment-cta .cta-content{max-width:700px;margin:0 auto}.payment-cta .cta-title{margin-bottom:16px;font-size:2.5rem;font-weight:700}@media (max-width:768px){.payment-cta .cta-title{font-size:2rem}}.payment-cta .cta-description{opacity:.95;margin-bottom:32px;font-size:1.15rem;line-height:1.7}.payment-cta .cta-button{color:#667eea;background:#fff;border-radius:8px;padding:16px 48px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 16px #0003}.payment-cta .cta-button:hover{background:#f9fafb;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}
