.payments-page{background:#f7f5ff;color:#191638;overflow-x:hidden}
.payments-header{position:relative;z-index:3;background:#f7f5ff}
.payments-nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.payments-nav .brand img{width:38px;height:38px}.back-link{display:inline-flex;align-items:center;gap:9px;color:#342a62;text-decoration:none;font-size:.9rem;font-weight:750;transition:transform .2s}
.back-link:hover{transform:translateX(-4px)}.back-link span{font-size:1.2rem}
.pay-hero{position:relative;background:#201a4d;color:white;overflow:hidden;isolation:isolate}
.pay-hero:before,.pay-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:-1}
.pay-hero:before{width:670px;height:670px;right:-140px;top:-340px;background:radial-gradient(circle,rgba(142,111,239,.44),transparent 68%)}
.pay-hero:after{width:480px;height:480px;left:-170px;bottom:-330px;background:radial-gradient(circle,rgba(233,133,157,.22),transparent 67%)}
.pay-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:45px;min-height:440px;padding-block:55px}
.pay-kicker,.pay-section-kicker{font-size:.73rem;letter-spacing:.16em;font-weight:850;margin:0 0 19px;color:#d9cfff}
.pay-kicker{display:flex;align-items:center;gap:10px}.pay-kicker span{width:8px;height:8px;background:#ffda69;border-radius:50%;box-shadow:0 0 0 5px rgba(255,218,105,.14)}
.pay-hero h1{font-size:clamp(3.25rem,6vw,5.6rem);line-height:.99;letter-spacing:-.075em;margin:0;max-width:710px;font-weight:700}
.pay-hero h1 em,.options-heading h2 em{font-family:var(--serif);font-weight:500;color:#c8bbff;letter-spacing:-.055em}
.pay-hero h1 em{display:block}.pay-lead{color:rgba(255,255,255,.78);font-size:1.12rem;line-height:1.7;max-width:560px;margin:22px 0 24px}
.pay-hero-link{display:inline-flex;align-items:center;gap:14px;color:#fff;text-underline-offset:7px;text-decoration-color:rgba(255,255,255,.45);font-size:.74rem;font-weight:850;letter-spacing:.1em}.pay-hero-link span{font-size:1rem;color:#ffda69}
.pay-visual{position:relative;height:340px;display:grid;place-items:center}
.visual-ring{position:absolute;width:310px;height:310px;border:1px solid rgba(206,193,255,.28);border-radius:50%}
.ring-two{width:390px;height:235px;transform:rotate(-25deg);border-color:rgba(255,218,105,.23)}
.visual-ticket{position:relative;width:250px;height:285px;padding:22px 22px 20px;background:#f4efff;border-radius:22px;color:#201a4d;transform:rotate(7deg);box-shadow:0 28px 65px rgba(8,5,39,.28)}
.ticket-top,.ticket-bottom{display:flex;justify-content:space-between;align-items:center;font-size:.61rem;font-weight:900;letter-spacing:.11em}
.ticket-top span:last-child{font-size:1.3rem;color:#795dc5}.ticket-icon{display:grid;place-items:center;width:72px;height:72px;background:#e0d6ff;border-radius:22px;margin:22px 0 12px}.ticket-icon svg{width:50px;color:#543c9c}
.visual-ticket p{font-size:1.7rem;font-weight:750;letter-spacing:-.07em;line-height:1.04;margin:0}.visual-ticket p em{font-family:var(--serif);font-weight:500;color:#7658c5}
.ticket-bottom{position:absolute;bottom:19px;left:22px;right:22px;border-top:1px solid rgba(32,26,77,.15);padding-top:12px;font-size:.52rem;color:#70658d}
.visual-chip{position:absolute;right:0;bottom:37px;padding:12px 16px;border-radius:999px;background:#ffda69;color:#201a4d;box-shadow:0 12px 28px rgba(0,0,0,.18);font-size:.62rem;font-weight:900;letter-spacing:.1em;transform:rotate(-8deg)}.visual-chip span{margin-left:8px;font-size:1rem}
.visual-dot{position:absolute;width:17px;height:17px;top:28px;left:45px;border-radius:50%;background:#eb8cad}
.pay-options{position:relative;padding-block:78px 90px;background:radial-gradient(circle at 85% 5%,rgba(206,192,255,.38),transparent 30%),#f7f5ff}
.options-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:30px}.pay-section-kicker{color:#ce4774;margin-bottom:12px}
.options-heading h2{font-size:clamp(2.4rem,4vw,3.5rem);line-height:1.05;letter-spacing:-.07em;margin:0}.options-heading h2 em{color:#7658c5}
.options-heading>p{max-width:390px;color:#626483;font-size:1rem;margin:0 0 4px;line-height:1.65}
.pay-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pay-card{display:flex;flex-direction:column;min-width:0;min-height:400px;padding:27px;border:1px solid rgba(38,28,90,.08);border-radius:24px;background:white;box-shadow:0 16px 48px rgba(37,25,87,.09);transition:transform .3s,box-shadow .3s}
.pay-card:hover{transform:translateY(-7px);box-shadow:0 27px 56px rgba(37,25,87,.16)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.service-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#efe9ff;color:#7252c6}.service-icon svg{width:29px;height:29px}
.pay-guide .service-icon{background:#fff1cf;color:#a76725}.service-label{font-size:.62rem;letter-spacing:.1em;font-weight:850;color:#817b99;text-align:right}
.pay-card h3{font-size:1.55rem;line-height:1.15;letter-spacing:-.05em;margin:24px 0 11px}.card-copy{font-size:.98rem;line-height:1.6;color:#646983;margin:0}
.pay-card ul{display:grid;gap:8px;margin:22px 0 27px;padding:0;list-style:none}.pay-card li{position:relative;padding-left:22px;color:#535a74;font-size:.88rem}
.pay-card li:before{content:"✓";position:absolute;left:0;color:#795bc8;font-weight:900}
.pay-card-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding:16px 0 0;border-top:1px solid #e9e6f1;color:#231b50;text-decoration:none;font-size:.87rem;font-weight:850}.pay-card-action span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f0ebff;font-size:1.1rem;transition:transform .25s,background .25s}.pay-card-action:hover span{transform:translate(3px,-3px);background:#dfd3ff}
.pay-bundle{background:linear-gradient(145deg,#29205d,#51328b);color:#fff;border:0;box-shadow:0 20px 52px rgba(52,30,120,.23)}.pay-bundle .service-icon{background:rgba(255,255,255,.14);color:#ffda69}
.featured-label{padding:8px 10px;border-radius:999px;background:#ffda69;color:#2c2155;font-size:.6rem;font-weight:900;letter-spacing:.08em}
.pay-bundle .card-copy,.pay-bundle li{color:rgba(255,255,255,.8)}.pay-bundle li:before{color:#ffda69}.pay-bundle .pay-card-action{border-color:rgba(255,255,255,.2);color:#fff}.pay-bundle .pay-card-action span{background:#21c76e;color:#0d442a}
.pay-info{display:flex;align-items:center;gap:20px;margin-top:30px;padding:22px 25px;border:1px solid rgba(99,73,180,.13);border-radius:18px;background:#efebfb}
.info-mark{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid #a99bd7;border-radius:50%;font-family:var(--serif);font-size:1.3rem;color:#6e52b4}
.pay-info h3{font-size:1rem;margin:0 0 2px}.pay-info p{margin:0;color:#646985;font-size:.88rem;line-height:1.55}.pay-info>a{flex:none;color:#4c368d;font-size:.84rem;font-weight:850;text-decoration:none}.pay-info>a span{margin-left:6px}
.payments-footer{background:#191638;color:white;padding:28px 0}.payments-footer .shell{display:flex;align-items:center;gap:22px}.payments-footer .brand{color:white}.payments-footer .brand img{width:32px;height:32px}.payments-footer p{font-size:.78rem;color:rgba(255,255,255,.65);margin:0}.payments-footer .shell>a:last-child{margin-left:auto;color:#e2d7ff;font-size:.78rem;text-decoration:none;font-weight:750}
@media(prefers-reduced-motion:no-preference){.pay-hero-copy{animation:pay-rise .7s both}.pay-visual{animation:pay-rise .9s .15s both}.pay-card{animation:pay-rise .65s both}.pay-card:nth-child(2){animation-delay:.12s}.pay-card:nth-child(3){animation-delay:.24s}}
@keyframes pay-rise{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}
@media(max-width:900px){.pay-hero-grid{grid-template-columns:1fr .65fr;gap:12px}.pay-visual{transform:scale(.82);transform-origin:center}.pay-cards{grid-template-columns:1fr 1fr}.pay-bundle{grid-column:1/-1;min-height:330px}.options-heading{align-items:start}}
@media(max-width:650px){.payments-nav{min-height:68px}.payments-nav .brand{font-size:1.05rem}.back-link{font-size:.74rem}.pay-hero-grid{grid-template-columns:1fr;gap:0;min-height:0;padding-block:55px 35px}.pay-hero h1{font-size:clamp(3.25rem,12vw,4.5rem)}.pay-lead{font-size:1rem}.pay-visual{height:255px;transform:scale(.72);transform-origin:center;margin:-3px 0 -15px}.visual-chip{right:-18px}.pay-options{padding-block:65px 75px}.options-heading{display:block}.options-heading>p{margin-top:14px;font-size:.96rem}.pay-cards{grid-template-columns:1fr;gap:14px}.pay-bundle{grid-column:auto}.pay-card{min-height:330px;padding:24px}.pay-card h3{font-size:1.45rem}.pay-info{align-items:flex-start;flex-wrap:wrap}.pay-info>div{flex:1;min-width:190px}.pay-info>a{margin-left:58px}.payments-footer .shell{flex-wrap:wrap;gap:10px 16px}.payments-footer p{order:3;flex-basis:100%}.payments-footer .shell>a:last-child{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.pay-card,.back-link,.pay-card-action span{transition:none!important}}