@font-face{font-family:Cairo;src:url('fonts/cairo-variable.woff2') format('woff2');font-weight:200 1000;font-display:swap}
:root{color-scheme:dark;--bg:#06080d;--panel:#0d121b;--panel2:#111927;--line:#273044;--text:#f4f6f8;--muted:#97a3b5;--gold:#d6ad53;--gold2:#f0d68b;--good:#68d6a6;--bad:#ff8e8e}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 70% -20%,#262014 0,transparent 34%),radial-gradient(circle at 0 50%,#101827 0,transparent 33%),var(--bg);color:var(--text);font-family:Cairo,Arial,sans-serif}body{padding:24px}.mxco-shell{width:min(1120px,100%);margin:auto}.mxco-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.mxco-brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none}.mxco-brand img{width:52px;height:52px;object-fit:contain}.mxco-brand strong{display:block;font-size:20px;letter-spacing:.3px}.mxco-brand span{display:block;color:var(--muted);font-size:11px}.mxco-secure{font-size:12px;color:#b9c3d2;border:1px solid var(--line);background:#0c1119cc;padding:9px 12px;border-radius:999px}.mxco-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:22px}.mxco-card{background:linear-gradient(160deg,rgba(17,25,39,.96),rgba(8,12,19,.96));border:1px solid var(--line);border-radius:24px;box-shadow:0 25px 70px #0008;overflow:hidden}.mxco-card-inner{padding:28px}.mxco-eyebrow{color:var(--gold2);font-size:12px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.mxco-title{font-size:clamp(26px,4vw,42px);line-height:1.25;margin:9px 0 10px}.mxco-sub{color:#b5bfce;line-height:1.85;font-size:14px;margin:0 0 24px}.mxco-alert{border:1px solid #6d572d;background:#211b10;padding:13px 14px;border-radius:14px;color:#f6e6bd;font-size:13px;line-height:1.75;margin-bottom:20px}.mxco-label{display:block;font-size:12px;color:#c8d0db;font-weight:700;margin:0 0 8px}.mxco-field{margin:0 0 15px}.mxco-input{width:100%;border:1px solid #303b50;background:#090e16;color:#fff;border-radius:13px;padding:13px 14px;font:inherit;outline:none;transition:.18s border-color,.18s box-shadow}.mxco-input:focus{border-color:#9f8142;box-shadow:0 0 0 3px #d6ad531c}.mxco-input[readonly]{color:#aeb9c8;background:#0b111b}.mxco-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.mxco-code-row{display:grid;grid-template-columns:1fr auto;gap:9px}.mxco-secondary,.mxco-pay{border:0;font:inherit;font-weight:800;cursor:pointer;border-radius:13px;transition:.18s transform,.18s filter}.mxco-secondary{padding:0 17px;background:#1b2535;color:#dbe3ee;border:1px solid #334159}.mxco-secondary:hover,.mxco-pay:hover{filter:brightness(1.08)}.mxco-secondary:active,.mxco-pay:active{transform:translateY(1px)}.mxco-summary-head{padding:24px 25px 18px;border-bottom:1px solid var(--line)}.mxco-summary-head h2{font-size:18px;margin:5px 0}.mxco-summary{padding:20px 25px 26px}.mxco-line{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:11px 0;border-bottom:1px solid #20293a}.mxco-line span{color:#aab5c5;font-size:13px}.mxco-line strong{text-align:end;font-size:13px}.mxco-total{display:flex;justify-content:space-between;align-items:end;gap:18px;padding:19px 0 7px}.mxco-total span{color:#c5ceda}.mxco-total strong{font-size:27px;color:#fff}.mxco-discount{color:var(--good)!important}.mxco-pay{width:100%;margin-top:17px;padding:15px 17px;background:linear-gradient(120deg,#c99e45,#f0d68b 52%,#a97c2d);color:#171006;box-shadow:0 10px 28px #d6ad5328}.mxco-pay:disabled,.mxco-secondary:disabled{opacity:.42;cursor:not-allowed;filter:none}.mxco-footnote{font-size:11px;line-height:1.8;color:#7f8a9c;text-align:center;margin:13px 0 0}.mxco-status{margin-top:15px;border-radius:13px;padding:12px 14px;font-size:12px;line-height:1.7;display:none}.mxco-status.show{display:block}.mxco-status.info{background:#111c2c;border:1px solid #2d415f;color:#c6d7ed}.mxco-status.good{background:#0d211a;border:1px solid #245e48;color:#a8e4cb}.mxco-status.bad{background:#271414;border:1px solid #673737;color:#ffc1c1}.mxco-test{display:none;margin-bottom:18px;border:1px solid #624c22;background:#1c160b;color:#edcf89;padding:10px 13px;border-radius:12px;font-size:12px}.mxco-test.show{display:block}.mxco-back{color:#aeb8c8;text-decoration:none;font-size:12px}.mxco-back:hover{color:#fff}.mxco-hidden{display:none!important}.mxco-edition-picker[hidden],.mxco-branch-picker[hidden]{display:none!important}.mxco-edition-picker{margin-bottom:20px}.mxco-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.mxco-choice{min-height:76px;padding:13px 14px;border:1px solid #303b50;border-radius:14px;background:#090e16;color:#dbe3ee;font:inherit;text-align:start;cursor:pointer;transition:.18s border-color,.18s background,.18s transform}.mxco-choice:hover{border-color:#735f37;transform:translateY(-1px)}.mxco-choice.is-active{border-color:#d6ad53;background:linear-gradient(145deg,#241d10,#111722);box-shadow:0 0 0 2px #d6ad5314}.mxco-choice strong,.mxco-choice span{display:block}.mxco-choice strong{font-size:14px;color:#fff}.mxco-choice span{margin-top:3px;font-size:11px;color:#9ba7b8}.mxco-branch-picker{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;border:1px solid #303b50;border-radius:14px;background:#090e16}.mxco-branch-picker>div:first-child strong,.mxco-branch-picker>div:first-child span{display:block}.mxco-branch-picker>div:first-child strong{font-size:13px}.mxco-branch-picker>div:first-child span{margin-top:3px;color:#97a3b5;font-size:11px}.mxco-stepper{display:flex;align-items:center;gap:7px;flex:none}.mxco-stepper button,.mxco-stepper input{height:40px;border:1px solid #39465d;border-radius:10px;background:#0d1420;color:#fff;font:inherit;text-align:center}.mxco-stepper button{width:40px;cursor:pointer;font-size:18px}.mxco-stepper input{width:64px;font-weight:800}.mxco-stepper input:focus{outline:none;border-color:#9f8142;box-shadow:0 0 0 3px #d6ad531c}
@media(max-width:760px){body{padding:14px}.mxco-top{margin:2px 2px 16px}.mxco-secure{display:none}.mxco-grid{grid-template-columns:1fr}.mxco-card{border-radius:19px}.mxco-card-inner{padding:21px 17px}.mxco-summary-head,.mxco-summary{padding-left:18px;padding-right:18px}.mxco-row{grid-template-columns:1fr}.mxco-title{font-size:29px}.mxco-total strong{font-size:23px}.mxco-brand img{width:44px;height:44px}.mxco-choice-grid{grid-template-columns:1fr}.mxco-branch-picker{align-items:flex-start;flex-direction:column}.mxco-stepper{width:100%;justify-content:flex-end}}
