@font-face{font-family:system-checkout;src:local('Arial')}*{box-sizing:border-box}body{margin:0;background:#f6f5f2;color:#17202a;font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.55}a{color:inherit;text-underline-offset:4px}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.site-header{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid #deded8}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:19px;font-weight:850;letter-spacing:1px;line-height:1.2}.brand img{width:48px;height:48px;object-fit:contain}.brand b{font-weight:500}.brand small{display:block;margin-top:5px;font-size:9px;letter-spacing:2.4px;color:#647063}.back{font-size:13px;color:#53605c;text-decoration:none}.preview{display:flex;align-items:center;gap:9px;margin-top:24px;color:#69654e;font-weight:750;font-size:11px;letter-spacing:1px}.dot{height:7px;width:7px;border-radius:50%;background:#a18328}.preview-detail{font-size:12px;font-weight:400;letter-spacing:0;color:#74746e;border-left:1px solid #d2d0c7;margin-left:6px;padding-left:14px}.heading{padding:23px 0 29px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:750;color:#728075;margin:0 0 9px}.heading h1{margin:0 0 12px;font-size:clamp(30px,3.6vw,43px);letter-spacing:-1.6px;line-height:1.15}.heading h1>span{color:#c62979}.heading>p:last-child{margin:0;color:#69716d;font-size:14px}.checkout-grid{display:grid;grid-template-columns:1fr 1.04fr;gap:24px;align-items:stretch}.panel{border:1px solid #e0e1db;border-radius:20px;padding:30px;background:#fff;box-shadow:0 5px 22px #1c272404}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.panel h2{font-size:18px;line-height:1.3;margin:0;letter-spacing:-.4px}.sample{font-size:10px;background:#f2f2ed;padding:6px 10px;border-radius:20px;white-space:nowrap;color:#74786d}.service{display:flex;align-items:center;gap:16px;padding:28px 0;border-bottom:1px solid #eeeee8}.service-icon{display:grid;place-items:center;flex-shrink:0;width:56px;height:56px;border-radius:15px;background:#f9eaf2;color:#b9276d;font-size:28px;font-weight:850;letter-spacing:-2px}.service h3{font-size:17px;margin:0 0 4px}.service p{margin:0;color:#798079;font-size:12px}.order-lines{margin:20px 0}.order-lines>div{display:flex;justify-content:space-between;gap:20px;padding:8px 0;font-size:12px}.order-lines dt{color:#768076}.order-lines dd{margin:0;text-align:right;font-weight:600}.total{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #e7e9e1;padding-top:22px;margin-top:12px}.total>span{font-size:14px;font-weight:650}.total small{display:block;color:#81867e;font-size:10px;font-weight:400;margin-top:4px}.total strong{font-size:34px;line-height:1;letter-spacing:-1px;white-space:nowrap}.total strong>span{font-size:15px;letter-spacing:0;font-weight:500;color:#728075}.service-note{font-size:11px;color:#7d847b;line-height:1.65;margin:21px 0 24px;max-width:430px}.merchant{border-top:1px solid #eeeee8;padding-top:21px;display:flex;flex-direction:column;gap:5px}.merchant .eyebrow{margin:0 0 3px;font-size:9px}.merchant strong{font-size:12px;letter-spacing:.2px}.merchant>span:last-child{font-size:11px;color:#737e73}.payment{background:#142a28;color:#fff;border-color:#142a28;position:relative;overflow:hidden}.security-tag{display:flex;align-items:center;gap:9px;font-size:9px;font-weight:600;letter-spacing:1.6px;color:#c4df9d}.security-tag>span{display:grid;place-items:center;border:1px solid #809c72;border-radius:7px;width:24px;height:24px;font-size:17px}.payment h2{font-size:30px;font-weight:650;letter-spacing:-1px;line-height:1.13;margin:16px 0 11px}.payment-intro{color:#b6c6be;font-size:12px;margin:0}.flow{margin:22px 0}.flow>div{display:flex;align-items:center;gap:11px}.step{width:27px;height:27px;border-radius:50%;border:1px solid #53635a;display:grid;place-items:center;font-size:10px;color:#d9e8da;flex-shrink:0}.step.bank-step{border-color:#b5d881;background:#c2e49f;color:#17352c}.flow p{margin:0;font-size:11px}.flow small{display:block;font-size:10px;color:#93aca0;margin-top:1px}.flow-arrow{display:block;padding-left:10px;color:#718d7d;line-height:17px;font-size:12px}.external{margin-left:auto;color:#c7e7a5;font-size:18px}.privacy-box{display:flex;gap:10px;background:#ffffff08;border:1px solid #ffffff1b;border-radius:11px;padding:13px 14px;margin-top:14px}.shield{width:20px;height:22px;flex-shrink:0;display:grid;place-items:center;border:1px solid #b4d393;border-radius:6px 6px 10px 10px;color:#c2e49f;font-size:11px}.privacy-box p{margin:0;font-size:11px;line-height:1.6}.privacy-box p>span{display:block;color:#a4b7ad;font-size:10px;margin-top:3px}.pay-button{margin-top:18px;border:0;background:#d4ec91;color:#193326;font:700 13px Arial,sans-serif;min-height:48px;display:flex;width:100%;justify-content:space-between;align-items:center;padding:13px 18px;border-radius:9px;cursor:pointer}.pay-button:hover{background:#e3f5b1}.pay-button:focus-visible,.dialog-ok:focus-visible{outline:3px solid #c62979;outline-offset:4px}.pay-button>span{font-size:23px;line-height:1}.activation-note{font-size:9px;line-height:1.7;color:#9ab1a4;margin:10px 0 0}.information{display:grid;grid-template-columns:1fr 2.1fr;gap:30px;padding:24px 0 22px;border-bottom:1px solid #deded8}.information h2{font-size:13px;line-height:1.6;margin:0;max-width:230px}.information p{font-size:11px;line-height:1.8;color:#737d73;margin:0}.bottom-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:20px 0;font-size:10px;color:#6e796e}.bottom-row nav{display:flex;gap:17px;flex-wrap:wrap}.bottom-row p{margin:0}.footer{border-top:1px solid #deded8;display:flex;align-items:center;flex-wrap:wrap;gap:14px 22px;padding:19px 0 24px;font-size:10px;color:#7f877c}.footer strong{color:#505f51;font-size:10px}.footer>span:last-child{margin-left:auto}dialog{width:min(480px,calc(100% - 36px));border:1px solid #dadfd3;border-radius:20px;padding:32px;color:#172a27;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#0b211b99;backdrop-filter:blur(4px)}dialog h2{font-size:25px;line-height:1.2;margin:12px 0}dialog p{font-size:13px;color:#637268}dialog .eyebrow{font-size:10px}.close-dialog{position:absolute;top:12px;right:16px;background:none;border:none;font-size:25px;cursor:pointer;color:#526358}.dialog-icon{display:block;font-size:34px;color:#bb276d;margin-bottom:18px}.dialog-ok{width:100%;padding:14px;border:0;border-radius:9px;background:#142a28;color:white;font-size:14px;cursor:pointer;margin-top:12px}@media(min-width:1300px){.wrap{width:min(1160px,calc(100% - 100px))}}@media(max-width:760px){.wrap{width:calc(100% - 32px)}.site-header{padding:17px 0}.brand{font-size:15px;gap:8px}.brand img{width:39px;height:39px}.brand small{font-size:8px;letter-spacing:1.7px}.back{font-size:11px}.preview{flex-wrap:wrap;gap:7px;font-size:9px;margin-top:19px}.preview-detail{width:100%;border:0;margin:0;padding:0;font-size:10px}.heading{padding:22px 0}.heading h1{font-size:33px;letter-spacing:-1px;max-width:340px}.heading>p:last-child{font-size:12px}.checkout-grid{grid-template-columns:1fr;gap:17px}.panel{padding:22px;border-radius:16px}.panel h2{font-size:17px}.service{padding:22px 0;gap:12px}.service h3{font-size:16px}.service p{font-size:11px}.order-lines>div{font-size:11px;gap:12px}.total strong{font-size:31px}.payment h2{font-size:29px}.payment-intro{font-size:12px}.flow p{font-size:12px}.flow small{font-size:11px}.privacy-box p{font-size:12px}.privacy-box p>span{font-size:11px}.activation-note{font-size:10px}.information{grid-template-columns:1fr;gap:9px;padding:23px 2px}.information h2{max-width:none;font-size:13px}.information p{font-size:11px}.bottom-row{font-size:11px;gap:18px}.footer{font-size:10px;gap:9px 16px}.footer>span:last-child{margin-left:0;width:100%}.sample{font-size:9px}.merchant strong{font-size:11px}}@media print{body{background:white}.back,.pay-button{display:none} .wrap{width:100%}.panel{break-inside:avoid}.payment{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

.credit-packs{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:0;border:0;margin:22px 0 10px}.credit-packs legend{font-size:11px;font-weight:650;margin-bottom:10px}.credit-packs label{position:relative;cursor:pointer}.credit-packs input{position:absolute;opacity:0;width:1px;height:1px}.credit-packs label>span{display:block;text-align:center;padding:11px 4px;border:1px solid #dfe4d8;border-radius:10px;font-size:20px;font-weight:700;line-height:1.25;background:#fafbf7}.credit-packs small{display:block;font-size:10px;font-weight:400;color:#74806c;margin-top:3px}.credit-packs input:checked+span{border:2px solid #294b39;padding:10px 3px;background:#f0f6e6;color:#244a30}.credit-packs input:focus-visible+span{outline:3px solid #c62979;outline-offset:3px}.total strong>.amount{font-size:34px;font-weight:700;color:#17202a;letter-spacing:-1px}.credit-purpose{padding:22px 0 8px}.credit-purpose h2{font-size:13px;margin:0 0 13px}.credit-purpose>div{display:flex;flex-wrap:wrap;gap:8px}.credit-purpose>div>span{padding:8px 13px;border:1px solid #dfe1d6;background:#fbfcf8;border-radius:7px;font-size:11px}.credit-purpose>p{font-size:10px;color:#7c8377;margin:12px 0 0}.service p{max-width:330px}

.credit-purpose>div{display:grid;grid-template-columns:repeat(4,1fr)}.credit-purpose>div>span{display:flex;flex-direction:column;gap:5px;padding:13px 15px}.credit-purpose b{font-size:12px;color:#213e2c}.credit-purpose small{font-size:9px;color:#858a7d}@media(max-width:760px){.credit-purpose>div{grid-template-columns:1fr 1fr}.credit-purpose>div>span{padding:11px;font-size:10px}.credit-purpose b{font-size:11px}}

@media(min-width:1000px){.credit-purpose>div{grid-template-columns:repeat(5,1fr)}}

.credit-purpose>div.tariff-scroll{display:block;overflow-x:auto;border:1px solid #dce1d6;border-radius:12px;background:#fcfdf9}.tariff-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}.tariff-table th,.tariff-table td{padding:12px 16px;border-bottom:1px solid #e6e9df}.tariff-table thead{font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:#6f7a68;background:#edf1e7}.tariff-table tbody tr:last-child>*{border-bottom:0}.tariff-table tbody th{font-weight:650}.tariff-table tbody td:nth-child(3){font-weight:700;color:#25452f}.credit-purpose>p.upload-price{font-size:11px;color:#58674e;margin-top:13px}.upload-price b{color:#24472d}@media(max-width:760px){.tariff-table{font-size:10px}.tariff-table th,.tariff-table td{padding:10px 7px}.tariff-table thead{font-size:8px;letter-spacing:0}.tariff-table tbody td:nth-child(3){white-space:nowrap}.credit-purpose>p.upload-price{font-size:10px}}

.custom-credit{margin-top:17px}.custom-credit>label{display:block;font-size:11px;font-weight:600;margin-bottom:8px}.custom-credit>div{display:flex;align-items:center;gap:10px;border:1px solid #dce2d3;border-radius:9px;padding:10px 13px;background:#fcfdf9}.custom-credit input{width:100%;min-width:0;border:0;background:transparent;font:600 17px Arial,sans-serif;color:#21392b;outline:none}.custom-credit>div:focus-within{outline:2px solid #31593c;outline-offset:2px}.custom-credit>div>span{font-size:11px;color:#798570}.custom-credit>small{display:block;font-size:9px;color:#7f8779;margin-top:6px}#credit-error{font-size:10px;color:#a3254f;margin:8px 0 0}.pay-button:disabled{opacity:.55;cursor:not-allowed}
[hidden]{display:none!important}.payment #payment-status,.payment #test-balance{font-size:13px;line-height:1.6}.payment #payment-login{color:#d5ef92;text-decoration:underline}.payment #check-payment{margin-top:14px}
