:root{--ink:#111315;--paper:#f3f0e9;--panel:#fff;--line:#d8d4cb;--red:#d3222a;--muted:#686b70;--radius:18px;--shadow:0 18px 55px rgba(20,22,24,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Heebo","Assistant",Arial,sans-serif}.payment-skip{position:fixed;top:-70px;right:20px;z-index:20;background:#fff;color:#111;padding:12px}.payment-skip:focus{top:20px}.payment-header{min-height:78px;padding:10px max(4vw,20px);display:flex;align-items:center;justify-content:space-between;gap:22px;background:#101214;color:#fff;border-bottom:1px solid #ffffff1e}.payment-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.payment-brand img{width:58px;height:58px;object-fit:contain}.payment-brand span{display:grid}.payment-brand b{font-family:"Barlow Condensed","Heebo",sans-serif;font-size:24px;letter-spacing:.08em}.payment-brand small{font-size:10px;letter-spacing:.15em;color:#b8bbc0}.payment-header nav{display:flex;gap:8px}.payment-header nav a{min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border:1px solid #ffffff28;border-radius:12px;color:#fff;text-decoration:none;font-weight:700}.payment-header nav a:hover,.payment-header nav a:focus-visible{border-color:#fff}.payment-hero{min-height:420px;padding:clamp(52px,8vw,100px) max(7vw,24px);background:radial-gradient(circle at 78% 18%,#712028 0,transparent 28%),linear-gradient(135deg,#0c0d0f,#1a1d21);color:#fff;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:end;gap:50px}.payment-hero>div>span,.payment-heading>span{color:#e44a50;font-family:"Barlow Condensed",sans-serif;font-weight:800;letter-spacing:.14em}.payment-hero h1{font-size:clamp(50px,8vw,94px);line-height:.93;letter-spacing:-.05em;margin:15px 0 22px}.payment-hero h1 em{font-family:"Noto Serif Hebrew",serif;font-weight:600;color:#e44a50}.payment-hero p{max-width:680px;color:#c8c9cc;line-height:1.8;font-size:18px}.payment-hero aside{border:1px solid #ffffff26;border-radius:var(--radius);padding:28px;background:#ffffff0b;display:grid;gap:8px}.payment-hero aside b,.payment-hero aside small{color:#c5c7ca}.payment-hero aside strong{font-family:"Barlow Condensed",sans-serif;font-size:48px;letter-spacing:.04em}.payment-purpose,.payment-methods,.payment-details{padding:clamp(56px,8vw,92px) max(7vw,24px)}.payment-heading{max-width:720px;margin-bottom:28px}.payment-heading h2{font-size:clamp(38px,5vw,62px);line-height:1;margin:9px 0 12px}.payment-heading p{color:var(--muted);line-height:1.7;margin:0}.purpose-grid,.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.purpose-grid button,.method-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.purpose-grid button{min-height:150px;padding:24px;text-align:start;cursor:pointer;font:inherit;color:inherit;display:grid;align-content:center;gap:5px}.purpose-grid button small,.method-card>small{font-family:"Barlow Condensed",sans-serif;color:var(--red);font-weight:800;letter-spacing:.14em}.purpose-grid button b{font-size:24px}.purpose-grid button span{color:var(--muted)}.purpose-grid button.active{border-color:var(--red);box-shadow:inset 0 0 0 2px var(--red),var(--shadow)}.payment-methods{background:#e5e1d8}.method-card{padding:26px;min-height:300px;display:flex;flex-direction:column;align-items:flex-start}.method-card.is-hidden{display:none}.method-icon{width:54px;height:54px;border-radius:15px;background:#111;color:#fff;display:grid;place-items:center;font-family:"Barlow Condensed",sans-serif;font-size:30px;font-weight:900;margin-bottom:24px}.bit-mark{background:#38d5de;color:#0b1819;font-size:21px}.paybox-mark{background:#6c45b8}.method-card h3{font-size:27px;margin:8px 0}.method-card p{color:var(--muted);line-height:1.7;margin:0 0 20px}.method-card button,.method-status{min-height:48px;border-radius:12px;padding:0 17px;font:800 15px inherit;margin-top:auto}.method-card button{border:0;background:var(--red);color:#fff;cursor:pointer}.method-status{display:flex;align-items:center;background:#ece9e2;color:#686868}.payment-details ol{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none;counter-reset:step;margin:0;padding:0}.payment-details li{counter-increment:step;min-height:150px;padding:22px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);display:grid;align-content:start;gap:7px}.payment-details li:before{content:"0" counter(step);font-family:"Barlow Condensed",sans-serif;color:var(--red);font-weight:900}.payment-details li b{font-size:20px}.payment-details li span{color:var(--muted);line-height:1.55}.confirmation-actions{margin-top:22px;padding:22px;border-radius:var(--radius);background:#111315;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:22px}.confirmation-actions a{min-height:52px;padding:0 20px;border-radius:12px;background:#16a961;color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:10px;font-weight:800}.confirmation-actions img{width:23px;height:23px}.confirmation-actions p{color:#c9cbce;max-width:620px;line-height:1.6;margin:0}.registration-note{margin:0 max(7vw,24px) 80px;padding:26px;border-inline-start:5px solid var(--red);background:#fff;border-radius:0 var(--radius) var(--radius) 0;box-shadow:var(--shadow)}.registration-note b{font-size:22px}.registration-note p{color:var(--muted);line-height:1.7}.registration-note a{color:var(--red);font-weight:800}.qr-dialog{width:min(520px,calc(100% - 24px));border:0;border-radius:22px;padding:0;box-shadow:0 30px 100px #0008}.qr-dialog::backdrop{background:#000b}.qr-dialog>button{position:absolute;top:12px;left:12px;width:42px;height:42px;border:0;border-radius:50%;background:#111;color:#fff;font-size:27px;cursor:pointer}.qr-dialog>div{padding:34px;text-align:center}.qr-dialog h2{font-size:34px;margin:8px 0 16px}.qr-dialog img{width:min(100%,360px);max-height:510px;object-fit:contain;border:1px solid var(--line);border-radius:16px}.qr-dialog p{color:var(--muted);line-height:1.65}.payment-toast{position:fixed;bottom:22px;left:50%;translate:-50% 18px;opacity:0;background:#111;color:#fff;padding:12px 18px;border-radius:12px;transition:.2s;pointer-events:none}.payment-toast.show{opacity:1;translate:-50% 0}@media(max-width:850px){.payment-header nav{display:none}.payment-hero{grid-template-columns:1fr;min-height:auto}.purpose-grid,.method-grid{grid-template-columns:1fr}.payment-details ol{grid-template-columns:1fr 1fr}.confirmation-actions{align-items:stretch;flex-direction:column}.confirmation-actions a{justify-content:center}}@media(max-width:520px){.payment-brand small{display:none}.payment-header{min-height:66px}.payment-brand img{width:48px;height:48px}.payment-hero{padding:48px 20px}.payment-hero h1{font-size:48px}.payment-hero aside strong{font-size:39px}.payment-purpose,.payment-methods,.payment-details{padding:52px 20px}.payment-details ol{grid-template-columns:1fr}.registration-note{margin:0 20px 64px}.qr-dialog>div{padding:28px 18px 22px}}
