:root{--bg:#251C16;--surf:#3B2E25;--surf2:#30251D;--txt:#fff;--txt2:#C7C0B8;--or:#E95900;--or2:#FF9A3C;--gold:#F5B546;--gold2:#FFD98A;--ok:#4ADE80;--err:#FF7B7B;--grad:linear-gradient(115deg,#C24500,#E95900 52%,#FF9A3C);--line:rgba(245,181,70,.28);box-sizing:border-box;padding-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--txt);font-family:var(--f-ui);line-height:1.8;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
.w{max-width:1000px;margin:0 auto;padding:16px}
a{color:var(--gold2)}button{font:inherit;color:inherit}
.steps{display:flex;gap:8px;margin:4px 0 16px;font-size:13px}.steps div{flex:1;text-align:center;padding:8px 4px;border-radius:12px;background:var(--surf);border:1px solid var(--line);color:var(--txt2)}.steps .on{background:var(--grad);color:#fff;font-weight:700;border-color:transparent}.steps .done{color:var(--gold2)}
h1{margin:0 0 14px;font-size:clamp(24px,4.5vw,32px)}
.grid{display:grid;gap:16px}@media(min-width:860px){.grid{grid-template-columns:1.4fr 1fr;align-items:start}}
.box{background:var(--surf);border:1px solid var(--line);border-radius:20px;padding:16px}
.box h2{margin:0 0 12px;font-size:18px;color:var(--gold2)}
.it{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.it:first-of-type{border-top:0;padding-top:0}
.th{flex:none;width:64px;height:64px;border-radius:14px;display:grid;place-items:center;font-size:28px;background:radial-gradient(circle at 20% 30%,#E95900,#7A2A00 60%,#1a0d00)}
.in{flex:1;min-width:0}.in b{display:block;font-size:15.5px}.in small{color:var(--txt2);font-size:12.5px}
.pc{font-weight:700;color:var(--gold2);font-size:16px}.pc s{display:block;color:var(--txt2);font-weight:400;font-size:12px}
.ct{display:flex;align-items:center;gap:6px;margin-top:6px}
.q{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:var(--surf2)}.q button{width:30px;height:30px;border:0;background:none;cursor:pointer;font-size:17px}.q span{min-width:22px;text-align:center;font-size:14px}
.rm{border:0;background:none;color:var(--txt2);cursor:pointer;font-size:12.5px;text-decoration:underline;margin-inline-start:8px}
.row{display:flex;justify-content:space-between;gap:10px;font-size:14.5px;padding:5px 0}.row.sv{color:var(--ok)}.row.tt{border-top:1px solid var(--line);margin-top:6px;padding-top:12px;font-size:18px;font-weight:700}.row.tt b{color:var(--gold2);font-size:22px}
.btn{display:block;width:100%;text-align:center;padding:14px 22px;margin-top:14px;border:0;cursor:pointer;border-radius:999px;background:var(--grad);color:#fff;font-weight:700;font-size:16px;text-decoration:none;box-shadow:0 8px 24px rgba(233,89,0,.4)}
.btn.ghost{background:none;border:1px solid var(--line);box-shadow:none;color:var(--gold2);margin-top:10px}
.fine{font-size:12.5px;color:var(--txt2);margin:10px 0 0}
.note{display:flex;gap:10px;border-radius:14px;padding:12px 14px;margin-top:12px;background:rgba(255,154,60,.12);border:1px solid rgba(255,154,60,.55);font-size:13.5px;color:#FFE7CF}
label.f{display:block;margin-bottom:12px;font-size:13.5px;color:var(--txt2)}
.f input{display:block;width:100%;margin-top:4px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surf2);color:#fff;font:inherit;font-size:15px}.f input:focus{outline:2px solid var(--or2)}
.ck{display:flex;gap:10px;align-items:flex-start;margin:10px 0;font-size:13.5px;color:#F3F0ED}.ck input{margin-top:6px;accent-color:#E95900;width:18px;height:18px;flex:none}
.er{display:none;color:var(--err);font-size:12.5px;margin-top:3px}.bad .er{display:block}.bad input[type=text],.bad input[type=tel]{border-color:var(--err)}
.empty,.okb{text-align:center;padding:34px 10px}.okb .tick{width:64px;height:64px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;font-size:30px;background:var(--grad)}
.ref{display:inline-block;margin:6px 0;padding:4px 16px;border-radius:999px;border:1px solid var(--line);background:var(--surf2);color:var(--gold2);font-weight:700;direction:ltr}
.cp{margin:12px 0 6px;padding-top:12px;border-top:1px solid var(--line)}.cpr{display:flex;gap:8px}.cpr input{flex:1;min-width:0;padding:11px 14px;border-radius:12px;border:1px dashed var(--gold);background:var(--surf2);color:#fff;font:inherit;font-size:15px;text-transform:uppercase}.cpr input:disabled{opacity:.7}.cpr button{flex:none;padding:0 20px;border-radius:12px;border:1px solid var(--gold);background:none;color:var(--gold2);font-weight:600;cursor:pointer}.cm{font-size:12.5px;margin-top:5px;min-height:20px}.cm.e{color:var(--err)}.cm.o{color:var(--ok)}
.v{display:none}.v.on{display:block}
/* توحيد الأحجام بين الصفحات */
h1,h2,h3,.btn{font-family:var(--f-head)}
h1{font-size:clamp(26px,5vw,40px)!important;line-height:1.35}
.btn{font-size:16px!important;padding:13px 28px!important}
.box h2{font-size:20px!important}
.empty p,.okb p{font-size:15px}

/* ---- */
.bc{font-size:13px;color:var(--txt2,#B9B2B4);margin:4px 2px 14px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.bc a{color:var(--gold2,#FFD98A);text-decoration:none}.bc a:hover{text-decoration:underline}.bc i{font-style:normal;opacity:.55}.bc span{color:var(--txt,#fff)}