:root{font-family:system-ui,-apple-system,Arial,sans-serif;color:#f4f2ed;background:#0d1019}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:20px max(20px,calc((100vw - 1120px)/2));background:#171922;border-bottom:1px solid #38343a;gap:15px;flex-wrap:wrap}a{color:#e9bd5b}.brand{font-weight:800;text-decoration:none;color:#e9bd5b}.brand span{font-size:.7em;border:1px solid #92743c;padding:6px;border-radius:30px;margin-left:8px}nav{display:flex;gap:18px}main{max-width:1120px;margin:auto;padding:30px 18px 70px}.hero{max-width:720px;padding:25px 0 35px}.hero h1{font-size:clamp(2.3rem,5vw,4.4rem);line-height:1.07}.hero em{color:#f0c25f;font-style:normal}.eyebrow{color:#d5a94b;font-weight:800;letter-spacing:.2em;font-size:.75rem}.muted,.hero>p{color:#aeb3c0}.notice{padding:15px;background:#302718;border:1px solid #785e2e;border-radius:12px;color:#f4dca4;margin:16px 0}.columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{background:#191d29;border:1px solid #373d4e;border-radius:20px;padding:24px;margin-bottom:22px}.packages{display:grid;gap:12px}.package{display:block;cursor:pointer}.package input{accent-color:#e4b24f}.package span{display:flex;justify-content:space-between;padding:16px;background:#242938;border:1px solid #3c4354;border-radius:12px}.package small{color:#f0c25f}label{display:block;font-weight:650;margin:15px 0}input:not([type=radio]):not([type=checkbox]),select{display:block;width:100%;padding:13px;margin-top:8px;background:#10141f;border:1px solid #515768;border-radius:9px;color:white;font:inherit}button{background:linear-gradient(90deg,#f6d881,#e4aa32);border:0;border-radius:10px;padding:12px 16px;font-weight:750;cursor:pointer;color:#241a0a;margin:5px 5px 5px 0}.secondary{background:#242938;color:#f1ca71;border:1px solid #96763d}.payment{background:#282518;border:1px solid #80632c;padding:18px;border-radius:14px;margin-top:18px}.payment strong{display:block;font-size:1.25rem;color:#f3c35e}.narrow{max-width:500px;margin:50px auto}.heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:780px}th,td{padding:13px;text-align:left;border-bottom:1px solid #414656;vertical-align:top}td small{font-size:.75rem;overflow-wrap:anywhere}.package-edit{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:10px;border-bottom:1px solid #383d4b}.package-edit label{min-width:130px;flex:1}.package-edit button{margin-bottom:15px}.linkbtn{background:none;color:#e9bd5b;text-decoration:underline;padding:5px}dialog{background:#191d29;color:white;border:1px solid #9d8249;border-radius:12px;max-width:90vw}pre{white-space:pre-wrap}footer{text-align:center;color:#8d92a0;padding:35px;font-size:.8rem}@media(max-width:760px){.columns{grid-template-columns:1fr}.panel{padding:17px}.package span{gap:12px}.hero{padding:5px 0 25px}}

/* Horizon Group identity */
.brand{display:inline-flex;align-items:center;gap:12px;min-width:0}.brand-logo{height:68px;width:68px;object-fit:contain;border-radius:10px}.brand-label{font-size:1.05rem;letter-spacing:.035em;white-space:nowrap}.brand-label span{vertical-align:middle}@media(max-width:540px){.brand-logo{height:54px;width:54px}.brand-label{font-size:.85rem}.brand-label span{display:block;width:max-content;margin:5px 0 0;padding:3px 7px}}

/* Horizon Group v2.2 — refined storefront and accessible recipient verification */
:root{--gold:#f3c765;--panel:#1a1f2d;--outline:#3b4459}
header{background:#141824;box-shadow:0 8px 32px #0002}
.brand-logo{height:82px;width:82px;object-fit:cover;border:1px solid #4b3c65;box-shadow:0 0 22px #8753ff26}
.brand-label{font-size:1.12rem}
nav a{text-decoration:none;font-weight:650}
nav a:hover{text-decoration:underline}
.hero{max-width:900px;padding:34px 0 42px}
.hero h1{max-width:780px;letter-spacing:-.035em}
.panel{background:linear-gradient(145deg,#1d2332,#171b27);box-shadow:0 18px 48px #0002}
.panel h2{margin-top:4px}
.package{position:relative;margin:0;display:flex;align-items:center;gap:12px;padding:0 2px}
.package input{width:19px;height:19px;flex:none;margin:0}
.package span{flex:1;align-items:center;gap:12px;transition:border-color .15s,background .15s,transform .15s}
.package:hover span{border-color:#b98b41;transform:translateY(-1px)}
.package:has(input:checked) span{border-color:var(--gold);background:#302b2c;box-shadow:0 0 0 1px #c69b4540}
.package:focus-within span{outline:2px solid var(--gold);outline-offset:2px}
input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #f4c65f;outline-offset:3px}
button:hover{filter:brightness(1.08)}
button:disabled{cursor:not-allowed;opacity:.5}
.confirm-recipient{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #434b5e;border-radius:12px;background:#222839;cursor:pointer;line-height:1.4}
.confirm-recipient input{width:21px;height:21px;flex:none;margin:0;accent-color:#e6b95c}
.confirm-recipient:has(input:disabled){opacity:.67;cursor:not-allowed}
.confirm-recipient:has(input:checked){border-color:var(--gold);background:#292b2d}
.recipient-feedback{padding:13px 15px;border-radius:12px;border:1px solid #53637d;background:#222b3b;color:#dce9fa;margin:12px 0}
.recipient-feedback[hidden]{display:none}
.feedback-success{background:#172c28;border-color:#398b72;color:#bff3dc}
.feedback-error{background:#382224;border-color:#a55b5b;color:#ffd0d0}
.payment{background:linear-gradient(145deg,#302b1c,#252318)}
@media(max-width:760px){.brand-logo{height:62px;width:62px}.hero{padding-top:10px}.package span{padding:14px}}

/* v2.3 payment ledger */
.payment-entry{margin-top:10px;padding:8px 10px;border:1px solid #3b4459;border-radius:8px;background:#171d2a;line-height:1.5}.payment-warning{display:block;color:#f5c16c;margin-top:6px}.payment-entry small{color:#bdc7db}td form{min-width:220px}td form label{font-size:.9rem}

/* v2.4 purchase type and public additional-payment form */
[hidden]{display:none!important}.purchase-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.purchase-options label{margin:0;padding:16px;background:#242938;border:1px solid #485166;border-radius:12px;cursor:pointer}.purchase-options input{accent-color:#f3c765}.pending-submission{background:#302819;border:1px solid #97713a;padding:12px;border-radius:12px;margin:10px 0;font-size:.9rem}.pending-submission small{color:#ddd2bb}@media(max-width:760px){.purchase-options{grid-template-columns:1fr}}
/* v2.5.2 rejection explanations */
.rejection-form,.rejection-history{margin:12px 0;padding:14px;background:#2a2630;border:1px solid #64503a;border-radius:12px;min-width:240px}
.rejection-form textarea{display:block;width:100%;box-sizing:border-box;resize:vertical;background:#111724;color:#f3f3f4;border:1px solid #5c6371;border-radius:8px;padding:10px;margin-top:6px}
.rejection-form select{max-width:100%;width:100%}
.rejection-history p{overflow-wrap:anywhere;line-height:1.45}

/* v2.6 customer status improvements */
.status-chip{display:inline-block;border:1px solid #ad8844;border-radius:999px;padding:7px 13px;background:#292a30;color:#f4d588;font-weight:700;line-height:1.35}
.status-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px;margin:20px 0}
.status-overview>div{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid #40495e;background:#242a38;border-radius:12px}
.status-overview small{color:#c1cad7}.status-overview strong{font-size:1.25rem}
.history-line{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:10px;border-bottom:1px solid #3c4356;padding:13px 0;overflow-wrap:anywhere}
.history-line span{flex:1;min-width:160px}.history-line small{color:#c0cad9;font-variant-numeric:tabular-nums}
.customer-status h2{margin-top:32px}

/* v2.7 internal support and YOGO promotion */
.support-page{max-width:950px;margin:28px auto}.support-page textarea{display:block;width:100%;box-sizing:border-box;background:#121726;border:1px solid #515b70;border-radius:9px;color:#fff;padding:14px;resize:vertical}.support-page label{display:block;margin:16px 0}.support-page form{max-width:760px}.support-message{border:1px solid #485168;background:#202637;padding:14px 18px;border-radius:12px;margin:12px 0}.support-message.from-merchant{border-color:#a5803d;background:#2a292a}.support-message small{margin-left:12px;color:#b7c0cc}.support-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.support-button{display:inline-block;color:#121522!important;background:linear-gradient(105deg,#f9dc86,#eeb735);border-radius:10px;padding:12px 17px;text-decoration:none;font-weight:750;margin:10px 0}.support-cta{border-top:1px solid #41495b;margin-top:28px;padding-top:12px}.yogo-promo{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:26px}.yogo-promo>div{max-width:780px}.yogo-promo img{width:105px;height:105px;object-fit:cover;border-radius:15px;flex:none}.hp-field{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}@media(max-width:600px){.yogo-promo img{display:none}.support-page{padding:16px}}

.support-unread{display:inline-block;background:#6b4223;color:#ffe8b7;border:1px solid #d99c42;border-radius:8px;padding:3px 7px;margin-top:6px;font-size:.8rem;font-weight:700}.support-page code{overflow-wrap:anywhere}.support-page button.secondary{margin:5px}.support-counter{font-size:.85rem;margin-top:4px}.validated-support-form button:disabled{opacity:.5;cursor:not-allowed}