/* HOLISTIC LEARNING SYSTEM — Global experience v3.0: premium, accessible, self-hosted. */
:root{--pay-sapphire:#6aa4ff;--pay-coral:#ff9d66;--pay-pearl:#f3f7ff}
.nav{gap:17px}.nav>a{font-size:12px}.nav-end{gap:8px}
.pay-hero,.global-hero,.upgrade-feature{position:relative;isolation:isolate;overflow:hidden;color:white;background:#060f24}
.pay-hero:before,.global-hero:before,.upgrade-feature:before{content:"";position:absolute;inset:-20%;pointer-events:none;z-index:-2;background:radial-gradient(ellipse at 73% 34%,#2356a771,transparent 39%),radial-gradient(ellipse at 95% 80%,#ec7a7130,transparent 40%),linear-gradient(145deg,#06132c,#060e1e)}
.pay-starfield,.global-grid-overlay{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(#ffffff69 0.65px,transparent 1px),linear-gradient(#9cc9ff0a 1px,transparent 1px),linear-gradient(90deg,#9cc9ff0a 1px,transparent 1px);background-size:57px 57px,92px 92px,92px 92px;mask-image:linear-gradient(90deg,transparent,#000 30%,#000 90%)}
.pay-hero-grid{min-height:680px;display:grid;grid-template-columns:53% 47%;gap:15px;align-items:center;padding:79px 0 93px}
.pay-eyebrow{font-size:11px;font-weight:850;letter-spacing:.18em;color:#a8d6ff;display:inline-flex;align-items:center;gap:12px}
.pay-glint{width:9px;height:9px;border:2px solid #ffaf72;border-radius:50%;box-shadow:0 0 0 6px #ffac7820,0 0 26px #fbba85}
.pay-hero h1,.global-hero h1{font-size:clamp(56px,6.9vw,96px);line-height:1.04;letter-spacing:-.078em;margin:27px 0 24px;font-weight:900}
.pay-holo{background:linear-gradient(103deg,#7eb7ff 1%,#c2a0ff 42%,#ffb07b 85%);background-clip:text;-webkit-background-clip:text;color:transparent}
.pay-intro,.global-hero p{font-size:17px;color:#c4d3ea;max-width:560px;line-height:1.8}
.pay-pills{display:flex;flex-wrap:wrap;gap:10px;margin:27px 0 27px}.pay-pills span{font-size:10px;font-weight:750;color:#c0d6ee;border:1px solid #7eb2ff36;background:#3760a018;border-radius:50px;padding:8px 13px}
.pay-actions{display:flex;gap:12px;flex-wrap:wrap}.pay-honest{font-size:11px;color:#90a9c9;max-width:510px;margin:28px 0 0;line-height:1.7}
.payment-device{width:100%;min-height:478px;position:relative;background:linear-gradient(150deg,#203c75b8,#08132c);border:1px solid #98bbff68;border-radius:30px;box-shadow:30px 40px 75px #010814b8,0 0 45px #508cef26 inset;transform:perspective(1200px) rotateY(-8deg) rotateX(4deg);padding:29px 27px;overflow:hidden}
.payment-device:after{content:"";position:absolute;inset:1px;border:1px solid #ffffff0b;border-radius:30px;pointer-events:none}
.device-aurora{position:absolute;width:430px;height:320px;border-radius:50%;filter:blur(65px);background:#7c65e55c;top:-110px;right:-100px;pointer-events:none}.device-top{display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid #b7cffb24;padding-bottom:21px;position:relative}.device-top span{font-size:9px;letter-spacing:.14em;font-weight:850;color:#c7d8fa}.device-signal{display:inline-block;border-radius:100%;width:8px;height:8px;background:#52efad;box-shadow:0 0 10px #52efad;margin-right:4px}.device-big{font-size:clamp(29px,3.2vw,44px);line-height:1.07;letter-spacing:-.06em;font-weight:890;margin-top:35px;position:relative}.device-big em{font-style:normal;color:#f2a57c}.device-line{font-size:9px;letter-spacing:.2em;color:#b0c2e0;margin-top:14px}.device-pay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:38px}.device-pay-tile{min-height:153px;border:1px solid #a3c3ef2c;background:#9ec1fe13;border-radius:15px;padding:15px 12px;display:flex;flex-direction:column}.device-pay-tile:nth-child(2){background:#ff9a7020}.device-pay-tile span{font-size:10px;color:#aac6ef}.device-pay-tile b{font-size:21px;line-height:1.18;letter-spacing:-.04em;margin:17px 0 9px}.device-pay-tile small{color:#a7bddd;font-size:9px;line-height:1.5}.device-security{display:flex;justify-content:space-between;margin-top:19px;color:#a8bddf;font-size:9px;letter-spacing:.12em}
.pay-trust-strip{background:#eaf1ff;color:#1c3459;border-bottom:1px solid #d9e5f5}.pay-trust-strip .wrap{display:flex;align-items:center;gap:24px;justify-content:space-between;flex-wrap:wrap;min-height:76px}.pay-trust-strip span,.pay-trust-strip small{font-size:9px;letter-spacing:.14em;color:#687c9c;font-weight:850}.pay-trust-strip b{font-size:14px;letter-spacing:-.035em}
.pay-steps{padding:106px 0}.pay-step-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.pay-step-cards article{border:1px solid #dbe6f6;border-radius:21px;padding:28px 22px 30px;background:white;box-shadow:0 10px 40px #1d45820b;min-height:252px;transition:transform .2s}.pay-step-cards article:hover{transform:translateY(-5px)}.step-no{font-size:10px;letter-spacing:.16em;font-weight:900;color:#306cdb}.pay-step-cards h3{font-size:23px;line-height:1.2;letter-spacing:-.04em;margin:22px 0 12px}.pay-step-cards p{font-size:13px;color:#607187;line-height:1.7;margin:0}
.pay-calculator{padding:102px 0 110px;background:radial-gradient(ellipse at 22% 8%,#17397f 0,transparent 56%),#071327}.payment-section-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px;gap:25px}.payment-section-intro h2{font-size:clamp(43px,5.2vw,68px);letter-spacing:-.064em;line-height:1.08;margin:9px 0 21px}.payment-section-intro p{font-size:14px;color:#b6c9e5;max-width:650px}.pricing-orb{width:164px;height:164px;border-radius:50%;border:1px solid #b2ceff65;display:flex;align-items:center;flex-direction:column;justify-content:center;flex-shrink:0;background:linear-gradient(160deg,#2956a764,#f38d5230);box-shadow:0 0 60px #356ae542 inset,0 0 60px #4d79e329;transform:rotate(7deg)}.pricing-orb span{font-size:13px;color:#c4d7f7}.pricing-orb b{font-size:57px;letter-spacing:-.06em;line-height:1}.pricing-orb small{color:#f6bb91;font-size:10px;text-align:center;font-weight:800;text-transform:uppercase;line-height:1.3}
.pay-form-layout{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(260px,.82fr);gap:21px;align-items:start}.pay-panel{background:#fff;color:#092348;border:1px solid #e3ecfb;border-radius:25px;padding:34px;box-shadow:0 20px 90px #0003}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px}.panel-heading>span:first-child{font-size:11px;font-weight:900;letter-spacing:.16em;color:#3b65aa}.payment-mode{font-size:10px;font-weight:850;border-radius:30px;padding:7px 10px;background:#edf2fb;color:#5e6e91;letter-spacing:.04em}.payment-mode.ready{background:#dff7e9;color:#13723f}.payment-mode.test{background:#fff1ce;color:#7f550d}.pay-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pay-panel label{font-size:12px;display:flex;flex-direction:column;gap:6px;color:#2e4265;font-weight:800}.pay-panel label>span{color:#e56a53}.pay-panel input:not([type=checkbox]),.pay-panel select{display:block;width:100%;background:#f7f9fc;border:1px solid #d7e2f1;border-radius:11px;color:#12294c;min-height:49px;padding:12px 14px;outline-offset:2px;font-weight:560;font-size:13px}.pay-panel input:not([type=checkbox]):focus,.pay-panel select:focus{border-color:#3078ed;box-shadow:0 0 0 3px #3078ed24}.pay-count{margin-top:20px}.count-row{display:flex;align-items:center;gap:15px}.count-row>input{max-width:190px}.count-row span{font-size:12px;color:#6d819e;font-weight:650}
.pay-summary{display:flex;justify-content:space-between;gap:20px;padding:22px;margin:24px 0;background:linear-gradient(120deg,#e9f1ff,#f8f6fd);border:1px solid #c9dafa;border-radius:18px}.pay-summary>div:first-child{display:flex;flex-direction:column;gap:4px}.pay-summary small{font-size:10px;letter-spacing:.14em;font-weight:900;color:#5a7bb9}.pay-summary strong{font-size:clamp(30px,3.4vw,47px);line-height:1.18;letter-spacing:-.062em;color:#102957}.pay-summary span{font-size:11px;color:#6d85a8}.summary-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#173a84;color:#f4f8ff;border-radius:13px;min-width:66px;font-size:10px;font-weight:900;letter-spacing:.16em}.summary-badge b{font-size:30px;line-height:1.2}.payment-methods{margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid #e4ebf4}.payment-methods>span{font-size:10px;color:#6f83a3;letter-spacing:.13em;font-weight:900}.payment-method-chips{display:flex;flex-wrap:wrap;gap:7px;margin:11px 0}.payment-method-chips span{border:1px solid #ccdaec;background:#fff;border-radius:9px;padding:7px 10px;font-weight:800;font-size:11px;color:#2b5188}.payment-methods small{color:#7789a3;font-size:11px}.pay-turnstile{min-height:10px;margin:15px 0}.pay-consent{display:flex!important;align-items:flex-start;flex-direction:row!important;font-size:11px!important;gap:11px!important;line-height:1.6;color:#506582!important;font-weight:600!important}.pay-consent input{margin-top:4px;accent-color:#236aea;flex-shrink:0}.pay-consent span{color:#506582!important}.pay-consent a{color:#236aea;text-decoration:underline}.pay-submit{width:100%;margin-top:20px;border:0}.pay-submit:disabled{opacity:.53;box-shadow:none;transform:none}.pay-alert{font-size:12px;color:#4e6283;background:#f1f5fb;border-radius:10px;padding:13px 15px;margin-top:15px;line-height:1.6}.pay-alert.error{background:#fff0ef;color:#ab342b}.pay-alert.success{background:#e7faed;color:#14673d}.pay-safe{font-size:11px;color:#7c8ca4;line-height:1.65}
.pay-side{display:grid;gap:18px}.pay-side-card,.pay-side-mini{border-radius:23px;padding:33px 28px}.pay-side-card{background:linear-gradient(150deg,#ffd2a6,#fff1e4);color:#263852;box-shadow:0 15px 55px #0002}.pay-side-card .eyebrow{color:#a75924}.pay-side-card h3{font-size:37px;line-height:1.12;letter-spacing:-.06em;margin:14px 0 15px}.pay-side-card p{font-size:14px;color:#664e40}.pay-side-card .btn{margin:18px 0 25px}.pay-contact{font-size:11px;color:#664a3d}.pay-contact a{font-weight:900;text-decoration:underline}.pay-side-mini{border:1px solid #6897e649;background:linear-gradient(145deg,#12336a,#0d224a);color:white}.pay-side-mini>b{font-size:10px;letter-spacing:.16em;color:#a0caff}.pay-side-mini h3{font-size:30px;line-height:1.18;letter-spacing:-.05em;margin:14px 0}.pay-side-mini p{font-size:13px;color:#c3d1e9}.pay-side-mini a{display:inline-block;margin-top:12px;font-size:13px;font-weight:850;color:#ffc397}
.pay-questions{padding:100px 0}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-grid details{background:#fff;border:1px solid #dbe5f1;border-radius:15px;padding:0 22px;align-self:start}.faq-grid summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:13px;padding:21px 0;font-size:14px;font-weight:830;line-height:1.4}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary:after{content:'+';font-size:22px;color:#2169e9}.faq-grid details[open] summary:after{content:'−'}.faq-grid p{margin:0 0 20px;font-size:13px;color:#586c88;line-height:1.75}
.global-hero{padding:110px 0 122px}.global-layout{display:grid;grid-template-columns:56% 44%;align-items:center;min-height:440px}.global-hero h1{max-width:710px}.global-planet{height:420px;position:relative;display:grid;place-items:center}.global-planet-core{height:240px;width:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;font-weight:900;letter-spacing:-.05em;font-size:60px;background:radial-gradient(circle at 25% 25%,#85a6fa,#1c407d 38%,#060e21 80%);border:1px solid #aac7ff8b;box-shadow:0 0 125px #6595ef88,0 0 70px #05142b inset;position:relative;z-index:2}.global-planet-core span{font-size:35px;line-height:1;color:#febc8e}.global-ring{position:absolute;width:340px;height:340px;border:1px solid #a7bdff55;border-radius:50%;transform:rotate(-23deg) scaleX(1.22)}.global-ring.b{transform:rotate(33deg) scaleX(.65);border-color:#ffa87681}.global-planet-label{position:absolute;padding:8px 13px;border:1px solid #94bdff4d;border-radius:50px;background:#0b2355;font-size:10px;letter-spacing:.16em;font-weight:850;z-index:4}.global-planet-label.one{top:45px;right:65px}.global-planet-label.two{bottom:65px;left:25px}.global-planet-label.three{bottom:55px;right:28px}.global-value{padding:103px 0}.global-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.global-value-grid article{padding:32px 28px;border:1px solid #dfe8f5;border-radius:22px;background:white}.global-value-grid span{color:#2b66ce;font-weight:900;letter-spacing:.15em}.global-value-grid h3{font-size:27px;letter-spacing:-.045em;line-height:1.15}.global-value-grid p{font-size:13px;color:#61718a}.global-languages{padding:100px 0;background:#0b1934;color:white}.global-languages h2{font-size:clamp(42px,6vw,75px);letter-spacing:-.07em;line-height:1.04}.global-languages>div>p{max-width:680px;color:#c4d4ec}.locale-grid{margin-top:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.locale-grid span{min-height:145px;padding:25px;border:1px solid #91aaf648;border-radius:18px;background:#18336657;font-size:35px;font-weight:900;color:#f4b582}.locale-grid b{display:block;margin-top:15px;font-size:12px;color:#d0e2ff;font-weight:750}.global-last{display:flex;justify-content:space-between;align-items:center;gap:40px}.global-last h2{font-size:clamp(42px,5vw,65px);line-height:1.07;letter-spacing:-.055em}.global-last h2 em{font-style:normal;color:#1f67e8}.global-last p{max-width:690px;color:#60758d}
.upgrade-feature{padding:100px 0}.upgrade-feature-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:55px;align-items:center}.upgrade-feature h2{font-size:clamp(42px,5.3vw,68px);letter-spacing:-.075em;line-height:1.08;margin:22px 0}.upgrade-feature h2 em{font-style:normal;color:#ffb586}.upgrade-feature p{color:#bdd2ec;max-width:590px}.upgrade-feature-glass{border:1px solid #9fbcff63;border-radius:25px;padding:27px;background:linear-gradient(140deg,#457ac53b,#0c1f46);box-shadow:0 18px 55px #0005;transform:rotate(3deg)}.upgrade-feature-glass>span{font-size:10px;color:#bfd3ff;font-weight:900;letter-spacing:.16em}.upgrade-feature-glass>div{padding:16px 5px;border-bottom:1px solid #bfd6ff33;font-size:16px;letter-spacing:.11em;font-weight:900}.upgrade-feature-glass>div:last-child{border:0}.upgrade-feature-glass b{font-size:12px;color:#ffba87;margin-right:15px}.pay-tiny-announcement{background:#ffd8b7;color:#142748;padding:24px 0}.pay-tiny-announcement .wrap{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.pay-tiny-announcement span{font-size:10px;font-weight:900;letter-spacing:.11em}.pay-tiny-announcement b{font-size:14px}.pay-tiny-announcement a{font-weight:900;font-size:13px;margin-left:auto;text-decoration:underline}.legal-upgrade{background:#fff;border-radius:18px;padding:38px;color:#234064}.legal-upgrade h2{font-size:29px;letter-spacing:-.04em}.legal-upgrade p{color:#546b8a;max-width:850px}
.result-screen{min-height:68vh;padding:110px 0;background:radial-gradient(circle at 65% 20%,#255ca65c,transparent 40%),#08132a}.result-content{max-width:770px;text-align:center}.result-icon{margin:0 auto 22px;display:grid;place-items:center;border:1px solid #70a1ff89;background:#2959a435;width:88px;height:88px;border-radius:25px;font-size:58px;color:#ffb388}.result-screen h1{font-size:clamp(48px,7vw,78px);line-height:1.08;letter-spacing:-.075em;margin:18px 0}.result-content>p{color:#bdd0ea;max-width:590px;margin:0 auto 28px}.result-card{margin:auto;text-align:left;max-width:600px;padding:29px;background:#f5f8ff;color:#18335a;border-radius:20px;box-shadow:0 20px 70px #0006}.result-card>span{font-size:10px;font-weight:900;letter-spacing:.13em;color:#5174a9}.result-card code{display:block;overflow-wrap:anywhere;font-size:13px;margin:10px 0 19px}.result-status{padding:18px;border:1px solid #c8d9f3;border-radius:12px;margin-bottom:20px;font-weight:850}.result-status.paid{background:#d8f8e5;border-color:#70dca3;color:#0a733d}.result-status.pending{background:#fff0d6;border-color:#f9cb79;color:#91580b}.result-status.error{background:#ffe0de;border-color:#f1aba4;color:#a43a32}.result-card>p{font-size:12px;color:#687d99;line-height:1.65}.result-links{display:flex;justify-content:center;gap:24px;margin-top:27px}.result-links a{font-size:13px;font-weight:900;color:#c7d9f8;text-decoration:underline}
@media(max-width:1260px){.nav{gap:11px}.nav>a{font-size:11px}.brand-text b{font-size:16px}.nav-end .btn{padding:0 11px;min-height:40px;font-size:11px}}
@media(max-width:1100px){.pay-hero-grid{grid-template-columns:1fr 1fr}.payment-device{min-height:435px;padding:22px}.device-pay-tile{min-height:142px}.device-pay-tile b{font-size:17px}.device-top span{font-size:8px}.pay-trust-strip .wrap{justify-content:center}.pay-trust-strip b{font-size:12px}}
@media(max-width:920px){.pay-hero-grid,.global-layout{grid-template-columns:1fr}.payment-device{max-width:620px;margin:30px auto 0;transform:none}.pay-hero-grid{padding-top:70px;gap:20px}.pay-step-cards{grid-template-columns:1fr 1fr}.pay-form-layout{grid-template-columns:1fr}.pay-side{grid-template-columns:1fr 1fr}.global-planet{max-width:530px;margin:auto;width:100%}.upgrade-feature-grid{grid-template-columns:1fr 1fr}.locale-grid{grid-template-columns:1fr 1fr}.nav{gap:4px}.nav>a{font-size:17px}.brand-text b{font-size:19px}}
@media(max-width:640px){.pay-hero-grid{padding:72px 0 78px;min-height:auto}.pay-hero h1,.global-hero h1{font-size:clamp(48px,12vw,74px)}.pay-intro,.global-hero p{font-size:14px}.pay-eyebrow{font-size:9px}.pay-pills{gap:7px}.pay-pills span{font-size:9px}.pay-actions .btn{font-size:12px;min-height:49px;white-space:normal;text-align:center}.payment-device{min-height:390px;padding:17px;border-radius:20px}.device-big{font-size:32px}.device-top span{font-size:7px}.device-pay-grid{gap:6px;margin-top:28px}.device-pay-tile{padding:11px 8px;min-height:128px}.device-pay-tile b{font-size:16px;margin:13px 0 7px}.device-pay-tile small{font-size:8px}.device-security{font-size:7px}.pay-steps,.pay-calculator,.pay-questions,.global-value,.global-languages,.upgrade-feature{padding:71px 0}.pay-step-cards{grid-template-columns:1fr}.pay-step-cards article{min-height:auto;padding:24px}.payment-section-intro{display:block}.pricing-orb{width:126px;height:126px;margin:26px auto 5px}.pricing-orb b{font-size:42px}.pay-form-layout,.pay-side{grid-template-columns:1fr}.pay-panel{padding:23px 18px}.panel-heading{flex-wrap:wrap}.pay-field-grid{grid-template-columns:1fr;gap:13px}.pay-summary{padding:18px 13px}.pay-summary strong{font-size:32px}.pay-side-card,.pay-side-mini{padding:26px 23px}.pay-side-card h3{font-size:31px}.faq-grid{grid-template-columns:1fr}.faq-grid summary{font-size:13px}.global-hero{padding:77px 0 60px}.global-planet{height:320px}.global-planet-core{height:183px;width:183px;font-size:51px}.global-ring{height:260px;width:260px}.global-planet-label{font-size:8px}.global-value-grid{grid-template-columns:1fr}.locale-grid{grid-template-columns:1fr 1fr}.locale-grid span{padding:17px;font-size:26px;min-height:120px}.locale-grid b{font-size:10px}.global-last{display:block}.global-last .btn{margin-top:20px;white-space:normal}.upgrade-feature-grid{grid-template-columns:1fr}.upgrade-feature-glass{transform:none}.result-screen{padding:80px 0}.result-card{padding:21px}.pay-tiny-announcement a{margin:0}}
@media(max-width:390px){.pay-hero h1{font-size:45px}.device-big{font-size:29px}.device-pay-tile b{font-size:14px}.payment-section-intro h2{font-size:43px}.pay-panel input:not([type=checkbox]),.pay-panel select{font-size:13px}.result-links{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.pay-step-cards article:hover{transform:none}}
/* Very narrow phones: permit every checkout field and footer link to shrink. */
.pay-form-layout,.pay-form-layout > *, .pay-panel,.pay-panel form,.pay-field-grid,.pay-field-grid label{min-width:0}
@media(max-width:640px){.pay-form-layout{grid-template-columns:minmax(0,1fr)}.pay-field-grid{grid-template-columns:minmax(0,1fr)}.pay-panel input:not([type=checkbox]),.pay-panel select{min-width:0}.nav-wrap,.footer-upper,.footer-bottom,.footer-col{min-width:0}}
@media(max-width:350px){.footer-col a{overflow-wrap:anywhere}.footer-bottom{overflow-wrap:anywhere}.pay-summary strong{font-size:27px}.payment-device{min-width:0}.pay-side-card .btn{white-space:normal;text-align:center}.pay-trust-strip .wrap{gap:12px}.brand-text em{letter-spacing:.15em}}
/* Required indicators stay beside labels instead of occupying their own row. */
.pay-field-grid label,.pay-count{position:relative}
.pay-panel label>span{position:absolute;top:0;right:2px;font-size:12px}
