.charge-page{max-width:1080px;padding:24px 24px 60px;color:#211d20}.charge-heading{display:flex;gap:16px;align-items:center;margin:0 0 20px}.charge-heading>div{display:flex;align-items:center;gap:15px;flex-shrink:0}.charge-heading svg{width:56px;height:56px}.charge-heading h1{font-size:2.5rem;margin:0;font-family:var(--font-display)}.charge-heading p{font-size:0.9375rem;color:#777;flex:1}.charge-heading small{white-space:nowrap;color:#777}.charge-hero{overflow:hidden;border-radius:22px;background:#fff0f5}.charge-hero svg{width:100%;height:auto;display:block;aspect-ratio:818/165}.charge-demo{font-size:0.875rem;background:#fff9e8;color:#806127;border-radius:9px;padding:9px 12px;margin:10px 0}.charge-info{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.charge-info>div{display:flex;align-items:center;gap:14px;padding:16px;background:linear-gradient(130deg,#fff1f7,#fff9fb);border-radius:17px}.charge-info span{display:grid;place-items:center;width:42px;height:42px;border:2px solid #ef6794;color:#ed3e7e;border-radius:12px;font-size:0.875rem;font-weight:bold;flex-shrink:0}.charge-info p{font-size:0.9375rem;line-height:1.65;margin:0}.charge-section-title{display:flex;align-items:center;gap:15px;margin:28px 0 18px}.charge-section-title>b{background:linear-gradient(#ff82ad,#fa3279);color:#fff;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;font-size:1.8125rem}.charge-section-title h2{font-family:var(--font-display);font-size:1.875rem;margin:0}.charge-section-title p{font-size:0.9375rem;color:#888}.charge-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.charge-amount{border:2px solid #f3eff1;background:#fff;border-radius:20px;padding:12px 10px;cursor:pointer;min-width:0;box-shadow:0 2px 7px #ad759409}.charge-amount:hover,.charge-amount.selected{border-color:#ec4d89;background:#fff6fa}.charge-amount:focus-visible{outline:3px solid #7a46af;outline-offset:3px}.charge-amount svg{display:block;width:100%;height:95px}.charge-amount strong{display:block;color:#e91563;font-weight:700;font-size:1.75rem;padding-top:7px}.charge-custom{display:flex;align-items:center;gap:14px;background:#fdf3f7;border:1px solid #f7edf2;border-radius:18px;padding:18px;margin:16px 0 4px}.charge-custom label{font-weight:bold;white-space:nowrap}.charge-custom input{flex:1;min-width:0;border:1px solid #e5dfe2;border-radius:10px;padding:13px;font:inherit;background:white}.charge-custom small{color:#df407d;font-weight:bold}.charge-error{color:#bd1454;min-height:18px;font-size:0.875rem;margin:5px 0}.charge-summary{display:flex;gap:9px;justify-content:flex-end;align-items:center;font-size:0.9375rem;color:#76606a}.charge-summary strong{color:#ec2873}.charge-summary>span{margin-left:12px}.charge-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.charge-steps article{position:relative;border:1px solid #f7edf2;border-radius:20px;background:linear-gradient(135deg,#fff4f9,#fff);padding:20px 10px 10px;text-align:center}.charge-steps article:not(:last-child):after{content:'›';position:absolute;right:-29px;top:42%;font-size:2.8125rem;color:#fa5792}.charge-steps article>b{position:absolute;top:6px;left:14px;background:#fc4f91;color:white;padding:3px 9px;border-radius:10px;font-size:0.9375rem}.charge-steps svg{height:84px;width:100%;margin-top:6px}.charge-steps p{font-size:1rem;line-height:1.7;margin:8px 0}.charge-submit{display:flex;align-items:center;justify-content:center;gap:12px;width:min(470px,90%);margin:22px auto 4px;border:0;border-radius:50px;background:linear-gradient(#ff6da3,#ff2876);box-shadow:inset 0 2px 2px #ffffff55;color:white;font-weight:700;font-size:2rem;cursor:pointer;padding:8px 20px}.charge-submit svg{width:52px;height:42px}.charge-button-note{text-align:center;font-size:0.875rem;color:#a27889;margin:9px}.charge-notice{display:flex;align-items:center;background:linear-gradient(110deg,#fff3f7,#ffeaf3);border-radius:24px;padding:25px;margin-top:28px;gap:15px}.charge-notice>div{flex:1}.charge-notice h2{font-size:1.5625rem;color:#b51850;font-family:var(--font-display)}.charge-notice ul{list-style:none;margin:0;padding:0;font-size:0.9375rem;line-height:1.8}.charge-notice li{margin:5px 0}.charge-notice li:before{content:'✓';background:#f55991;color:white;border-radius:50%;padding:1px 4px;margin-right:9px}.charge-notice>svg{width:175px;height:175px;flex-shrink:0}@media(max-width:700px){.charge-page{padding:16px 12px 40px}.charge-heading{flex-wrap:wrap;gap:8px}.charge-heading h1{font-size:2rem}.charge-heading p{flex-basis:100%;order:3;margin:0}.charge-heading small{margin-left:auto}.charge-info{gap:6px}.charge-info>div{display:block;padding:10px}.charge-info span{margin-bottom:6px}.charge-info p{font-size:0.875rem}.charge-amounts{grid-template-columns:repeat(2,1fr);gap:10px}.charge-amount svg{height:80px}.charge-amount strong{font-size:1.625rem}.charge-custom{flex-wrap:wrap;gap:8px;padding:14px}.charge-custom label{width:100%;font-size:1rem}.charge-custom small{width:100%;font-size:0.875rem}.charge-section-title{gap:10px;flex-wrap:wrap}.charge-section-title h2{font-size:1.75rem}.charge-section-title p{flex-basis:100%;margin:0 0 0 50px}.charge-steps{grid-template-columns:repeat(2,1fr);gap:18px}.charge-steps article:after{display:none}.charge-notice{padding:20px 15px}.charge-notice>svg{width:90px;height:120px}.charge-notice ul{font-size:0.875rem}.charge-summary{flex-wrap:wrap}.charge-demo{font-size:0.875rem}.charge-hero{border-radius:12px}.charge-submit{font-size:1.8125rem}}