:root{--p-orange: #FF8427;--p-orange-light: #F69C60;--p-orange-glow: rgba(255, 132, 39, .08);--p-green: #a0c230;--p-green-glow: rgba(160, 194, 48, .06);--p-dark: #1a1a1a;--p-muted: #6b7280;--p-border: rgba(0, 0, 0, .06);--p-surface: #ffffff;--p-radius: 20px;--p-transition: all .4s cubic-bezier(.4, 0, .2, 1)}.payment-label{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--p-orange)}.payment-label:before{content:"";width:24px;height:2px;background:linear-gradient(90deg,var(--p-orange),var(--p-orange-light));border-radius:1px}.payment-label--center{justify-content:center}.payment-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 600px 500px at 85% 15%,var(--p-orange-glow) 0%,transparent 100%),radial-gradient(ellipse 400px 350px at 10% 85%,var(--p-green-glow) 0%,transparent 100%),linear-gradient(180deg,#fffaf6,#fff)}.payment-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--p-border),transparent)}.payment-hero__title{font-size:clamp(2.2rem,5vw,3.2rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--p-dark);margin-top:16px;margin-bottom:16px}.payment-hero__title span{color:var(--p-orange)}.payment-hero__subtitle{font-size:1.15rem;line-height:1.6;color:var(--p-muted);max-width:560px;margin-bottom:32px}.payment-banner{background:linear-gradient(135deg,var(--p-dark) 0%,#2d2d2d 100%);border-radius:var(--p-radius);padding:32px 36px;position:relative;overflow:hidden;color:#fff}.payment-banner:before{content:"";position:absolute;top:-60px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(255,132,39,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none}.payment-banner__text{font-size:1.1rem;font-weight:600;line-height:1.5;position:relative;z-index:1}.payment-banner__icon{width:48px;height:48px;border-radius:12px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.payment-section__title{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800;color:var(--p-dark);letter-spacing:-.02em}.payment-card{background:var(--p-surface);border:1px solid var(--p-border);border-radius:var(--p-radius);padding:32px 28px;transition:var(--p-transition);position:relative;overflow:hidden}.payment-card:after{content:"";position:absolute;bottom:0;left:28px;right:28px;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,var(--p-orange),var(--p-orange-light));transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.4,0,.2,1)}.payment-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px var(--p-orange-glow),0 8px 20px #0000000a;border-color:#ff84271f}.payment-card:hover:after{transform:scaleX(1)}.payment-card__icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--p-transition)}.payment-card__icon--orange{background:linear-gradient(145deg,#fff4eb,#fffaf6)}.payment-card__icon--green{background:linear-gradient(145deg,#f4f9e4,#fafcf2)}.payment-card:hover .payment-card__icon{transform:scale(1.08)}.payment-card__number{position:absolute;top:12px;right:20px;font-size:72px;font-weight:800;line-height:1;color:#00000005;pointer-events:none}.payment-card__title{font-size:1.15rem;font-weight:700;color:var(--p-dark);margin-bottom:10px}.payment-card__text{font-size:.925rem;line-height:1.65;color:var(--p-muted)}.payment-steps{position:relative;counter-reset:payment-step}.payment-step{display:flex;gap:20px;align-items:flex-start;padding:24px 0;border-bottom:1px solid var(--p-border);transition:var(--p-transition);counter-increment:payment-step}.payment-step:last-child{border-bottom:none}.payment-step:hover{padding-left:8px}.payment-step__dot{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#fff4eb,#fffaf6);border:2px solid rgba(255,132,39,.2);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;color:var(--p-orange);flex-shrink:0;transition:var(--p-transition)}.payment-step:hover .payment-step__dot{background:var(--p-orange);color:#fff;border-color:var(--p-orange);box-shadow:0 6px 16px #ff842733}.payment-step__title{font-weight:700;color:var(--p-dark);margin-bottom:4px;font-size:1.05rem}.payment-step__text{font-size:.9rem;color:var(--p-muted);line-height:1.6}.payment-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:50px;font-size:13px;font-weight:700;background:linear-gradient(135deg,#fff4eb,#fffaf6);color:var(--p-orange);border:1px solid rgba(255,132,39,.12);white-space:nowrap}.payment-section-bg{background:linear-gradient(180deg,#fafbf6,#fff)}.payment-banner__sub{color:#ffffff80;font-size:.9rem;margin-top:4px}.payment-banner__footer{border-top:1px solid rgba(255,255,255,.1);padding-top:20px}.payment-banner__footer p{color:#ffffff80;font-size:.85rem;line-height:1.6}.payment-banner__footer a{color:var(--p-orange-light);text-decoration:underline}.payment-details{font-size:1rem;line-height:1.75}.p-fade-up{opacity:0;transform:translateY(28px);animation:pFadeUp .7s cubic-bezier(.16,1,.3,1) forwards}@keyframes pFadeUp{to{opacity:1;transform:translateY(0)}}.p-delay-1{animation-delay:.06s}.p-delay-2{animation-delay:.12s}.p-delay-3{animation-delay:.2s}.p-delay-4{animation-delay:.28s}.p-delay-5{animation-delay:.36s}
