@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700;800;900&family=Quicksand:wght@400;500;600;700&display=swap');

.gym-payments-page{font-family:'Quicksand',Arial,sans-serif;color:#343e44;background:#fff;line-height:1.7}
.gym-payments-page h1,.gym-payments-page h2,.gym-payments-page h3,.gym-payments-page dt,.gym-payments-page th,.gym-payments-page summary,.gym-payments-page .gp-button,.gym-payments-page .gp-eyebrow,.gym-payments-page .gp-small-label{font-family:'Rubik',Arial,sans-serif}
.gym-payments-page h1,.gym-payments-page h2,.gym-payments-page h3{line-height:1.2;color:#1a1a2e}
.gym-payments-page h2{font-size:clamp(27px,3vw,38px);margin:0 0 20px}
.gym-payments-page h3{font-size:21px;margin:0 0 12px}
.gym-payments-page p{margin:0 0 18px}
.gym-payments-page a{color:#0077b6;text-underline-offset:4px}
.gym-payments-page a:focus-visible,.gym-payments-page summary:focus-visible,.gym-payments-page [tabindex]:focus-visible{outline:3px solid #0077b6;outline-offset:5px}
.gp-wrap{width:90%;max-width:1440px;margin:0 auto;padding:0 24px}
.gp-section{padding:78px 0;scroll-margin-top:100px}
.gp-band{background:#f8f9fb;border-top:1px solid #eef1f5;border-bottom:1px solid #eef1f5}
.gp-section-heading{max-width:810px;margin-bottom:34px}
.gp-eyebrow{font-size:12px;letter-spacing:1.7px;text-transform:uppercase;font-weight:700;color:#0077b6}
.gp-hero{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 25%,#0f3460 45%,#0077b6 70%,#00b8e6 100%);color:#fff;padding:28px 0 76px}
.gp-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;margin-bottom:42px;color:#d3e4ef}
.gp-breadcrumb a{color:#d3e4ef}
.gp-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:60px;align-items:center}
.gp-hero .gp-eyebrow{color:#4fc3f7}
.gp-hero h1{font-size:clamp(36px,4.4vw,60px);color:#fff;margin:0 0 24px;max-width:760px;font-weight:800}
.gp-hero h1 span{color:#4fc3f7}
.gp-lead{font-size:19px;max-width:720px;color:#e0edf7}
.gp-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:26px 0 18px}
.gym-payments-page .gp-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 25px;border-radius:50px;text-align:center;text-decoration:none;font-size:15px;font-weight:700;line-height:1.4;transition:background .2s ease,transform .2s ease}
.gym-payments-page .gp-button-primary{background:#49fca8;color:#1a1a2e}
.gym-payments-page .gp-button-primary:hover{background:#80fbbb;transform:translateY(-2px)}
.gym-payments-page .gp-button-outline{border:1px solid #8bc9e7;color:#fff}
.gym-payments-page .gp-button-outline:hover{background:rgba(255,255,255,.1)}
.gym-payments-page .gp-button-dark{background:#1a1a2e;color:#fff}
.gp-hero .gp-hero-note{font-size:13px;color:#d0e2f1;max-width:650px;margin-bottom:0}
.gp-hero a:focus-visible,.gp-final a:focus-visible{outline-color:#49fca8}
.gp-worksheet{background:#fff;border:1px solid #eef1f5;border-radius:16px;color:#343e44;padding:30px;border-top:4px solid #49fca8}
.gp-worksheet h2{font-size:27px}
.gp-small-label{font-size:11px;text-transform:uppercase;letter-spacing:1.1px;color:#0077b6;font-weight:600}
.gp-worksheet dl>div{padding:16px 0;border-bottom:1px solid #eef1f5}
.gp-worksheet dl>div:last-child{border-bottom:0}
.gp-worksheet dt{font-size:16px;font-weight:600;color:#1a1a2e}
.gp-worksheet dt span{display:inline-block;width:28px}
.gp-worksheet dd{font-size:14px;margin:5px 0 0 30px;color:#566575}
.gp-worksheet .gp-worksheet-note{font-size:11px;margin:15px 0 0;color:#667681;line-height:1.6}
.gp-intro{border-bottom:1px solid #eef1f5;padding:26px 0}
.gp-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.gp-intro strong{font-family:'Rubik',Arial,sans-serif;display:block;font-size:15px;color:#1a1a2e;font-weight:600}
.gp-intro span{display:block;font-size:14px;color:#566575;margin-top:5px}
.gp-intro p{margin:0}
.gp-workflows{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.gp-workflows article{padding:24px 0 0;border-top:2px solid #e5e7eb}
.gp-icon{display:block;font-size:29px;margin-bottom:16px}
.gp-workflows h3{font-size:20px;min-height:48px}
.gp-workflows p{font-size:15px}
.gp-workflows a,.gp-text-link{font-size:14px;font-weight:700}
.gp-table-scroll{overflow-x:auto;border:1px solid #e5e7eb;border-radius:12px}
.gp-scroll-hint{display:none;font-size:13px;color:#566575}
.gp-table-scroll table{border-collapse:collapse;width:100%;text-align:left;font-size:15px;min-width:690px}
.gp-table-scroll caption{text-align:left;padding:16px 20px;background:#fff;font-weight:700;color:#1a1a2e}
.gp-table-scroll thead{background:#1a1a2e;color:#fff}
.gp-table-scroll th,.gp-table-scroll td{padding:18px 20px;vertical-align:top;border-bottom:1px solid #e5e7eb}
.gp-table-scroll tbody th{width:23%;color:#1a1a2e;font-weight:500}
.gp-table-scroll tbody td{width:38.5%}
.gp-table-scroll tbody tr:nth-child(odd){background:#fff}
.gp-table-scroll tbody tr:last-child>*{border-bottom:0}
.gym-payments-page .gp-cost-note{font-size:13px;max-width:940px;margin:18px 0 0;color:#566575}
.gp-example-grid,.gp-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.gp-example{border-left:4px solid #00b8e6;padding:26px 30px;background:#f2f8fc;margin:0;border-radius:0 12px 12px 0}
.gp-example figcaption{font-family:'Rubik',Arial,sans-serif;font-size:12px;font-weight:600;color:#0f3460;margin-bottom:22px}
.gp-example dl>div{display:flex;gap:20px;justify-content:space-between;padding:11px 0;border-bottom:1px solid #d5e5ef}
.gp-example dt{font-size:14px;font-weight:400}
.gp-example dd{font-family:'Rubik',Arial,sans-serif;white-space:nowrap;font-weight:600;color:#1a1a2e}
.gp-example .gp-calculation{font-size:19px;margin:22px 0 16px;color:#0f3460}
.gp-calculation strong{font-family:'Rubik',Arial,sans-serif;font-size:32px;display:inline-block}
.gp-example>p:last-child{font-size:12px;color:#566575;margin-bottom:0}
.gp-paths{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.gp-paths article{border-top:2px solid #d9e4ea;padding-top:26px}
.gp-paths article p:last-child{font-size:14px;color:#566575;margin-bottom:0}
.gp-review-list{list-style:none;counter-reset:review}
.gp-review-list li{counter-increment:review;position:relative;padding:20px 0 20px 52px;border-bottom:1px solid #e5e7eb}
.gp-review-list li::before{content:counter(review);position:absolute;left:0;top:21px;font-family:'Rubik',Arial,sans-serif;font-weight:700;color:#0077b6;font-size:22px}
.gp-review-list li strong{font-family:'Rubik',Arial,sans-serif;font-weight:500;display:block;color:#1a1a2e}
.gp-review-list li span{font-size:14px;display:block;margin-top:4px}
.gp-faq{max-width:1000px}
.gp-faq h2{margin-bottom:30px}
.gp-faq details{border-bottom:1px solid #dce3e9}
.gp-faq summary{padding:22px 34px 22px 0;cursor:pointer;position:relative;font-size:17px;color:#1a1a2e;font-weight:500;list-style:none}
.gp-faq summary::-webkit-details-marker{display:none}
.gp-faq summary::after{content:'+';position:absolute;right:4px;top:18px;font-size:25px;color:#0077b6}
.gp-faq details[open] summary::after{content:'−'}
.gp-faq details p{padding-right:20px;max-width:860px;font-size:15px}
.gp-final{padding:72px 0;background:#16213e;color:#d8e8f3;text-align:center}
.gp-final h2{color:#fff;max-width:850px;margin:0 auto 20px}
.gp-final .gp-button{margin:8px 0 28px}
.gp-final-links{display:flex;gap:24px;flex-wrap:wrap;justify-content:center}
.gp-final .gp-final-links a{color:#4fc3f7;font-size:14px}
.gp-final .gp-final-links{margin-bottom:0}
@media(max-width:1100px){.gp-hero-grid{gap:32px}.gp-workflows{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.gp-workflows h3{min-height:0}.gp-example-grid,.gp-review-grid{gap:36px}}
@media(max-width:800px){.gp-hero-grid,.gp-example-grid,.gp-review-grid{grid-template-columns:1fr}.gp-hero h1{max-width:740px}.gp-worksheet{max-width:620px}.gp-paths{gap:30px}.gp-section{padding:58px 0}.gp-review-grid{gap:22px}}
@media(max-width:600px){.gp-wrap{width:90%;padding:0 16px}.gp-hero{padding:20px 0 46px}.gp-breadcrumb{font-size:11px;gap:8px;margin-bottom:28px}.gp-hero h1{font-size:36px}.gp-lead{font-size:17px}.gp-actions{align-items:stretch;flex-direction:column}.gp-actions .gp-button{width:100%}.gp-worksheet{padding:24px}.gp-worksheet h2{font-size:25px}.gp-intro-grid,.gp-workflows,.gp-paths{grid-template-columns:1fr}.gp-intro-grid{gap:18px}.gp-workflows{gap:22px}.gp-section{padding:45px 0}.gp-section-heading{margin-bottom:24px}.gp-scroll-hint{display:block}.gp-example{padding:22px}.gp-example dl>div{gap:14px}.gp-example dt{max-width:68%}.gp-calculation strong{display:block;margin-top:8px}.gp-faq summary{font-size:16px}.gp-final{padding:52px 0}.gp-final-links{gap:16px}.gp-final .gp-button{width:100%;max-width:360px}}
@media(prefers-reduced-motion:reduce){.gym-payments-page .gp-button{transition:none}.gym-payments-page .gp-button:hover{transform:none}}
