:root{
  --bg:#f7f8f8;
  --card:#ffffff;
  --text:#1d2427;
  --muted:#647176;
  --border:#dfe5e7;
  --accent:#1d5968;
  --accent-dark:#153f49;
}
*{box-sizing:border-box}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:"Tahoma","Arial","Noto Sans Arabic",sans-serif;
  line-height:1.8;
}
.shell{max-width:720px;margin:auto;padding:0 18px}
.site-header{padding:24px 0 8px}
.header-inner{text-align:center}
.brand-logo{width:min(300px,80vw);height:auto;max-height:150px;object-fit:contain}
.brand-fallback{font-size:28px;font-weight:700}
.card{
  background:var(--card);border:1px solid var(--border);border-radius:18px;
  padding:28px;margin:18px 0;box-shadow:0 8px 24px rgba(0,0,0,.035)
}
h1{font-size:28px;line-height:1.45;margin:0 0 18px}
h2{font-size:21px}
.eyebrow,.muted{color:var(--muted)}
.small{font-size:13px}
.trust-box{
  background:#f4f7f7;border:1px solid var(--border);border-radius:14px;
  padding:16px;margin:22px 0;display:grid;gap:6px
}
.btn{
  display:inline-flex;justify-content:center;align-items:center;text-decoration:none;
  padding:12px 20px;border-radius:11px;border:1px solid transparent;
  font-weight:700;cursor:pointer;font-size:16px
}
.btn.primary{background:var(--accent);color:white}
.btn.primary:hover{background:var(--accent-dark)}
.btn.secondary{background:white;color:var(--text);border-color:var(--border)}
.actions{display:flex;gap:10px;align-items:center;margin-top:22px;flex-wrap:wrap}
.link-btn{border:0;background:transparent;color:var(--muted);cursor:pointer}
.choice{
  display:flex;gap:12px;align-items:flex-start;border:1px solid var(--border);
  border-radius:13px;padding:14px;margin:9px 0;cursor:pointer
}
.choice:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
input[type=radio],input[type=checkbox]{margin-top:7px;accent-color:var(--accent)}
textarea,input,select{
  width:100%;border:1px solid var(--border);border-radius:11px;padding:12px;
  font:inherit;background:white;margin:6px 0 15px
}
textarea:focus,input:focus,select:focus{outline:2px solid rgba(29,89,104,.18);border-color:var(--accent)}
label{display:block;margin-top:10px}
.consent{display:flex;gap:10px;align-items:flex-start;margin:20px 0}
.consent input{width:auto}
.progress-wrap{height:5px;background:#e5eaeb;border-radius:99px;overflow:hidden;margin:8px 0 14px}
.progress-bar{height:100%;background:var(--accent);transition:width .25s ease}
.notice{padding:12px 14px;border-radius:10px;margin:10px 0;background:#fff4d8}
.success{
  width:58px;height:58px;border-radius:50%;display:grid;place-items:center;
  margin:0 auto 16px;background:#edf5f3;font-size:30px
}
.center{text-align:center}
.copy-box{direction:ltr;word-break:break-all;background:#f5f6f6;border-radius:10px;padding:10px;margin-top:12px}
.footer{text-align:center;color:var(--muted);font-size:13px;padding:25px 18px 40px}
hr{border:0;border-top:1px solid var(--border);margin:28px 0}
@media(max-width:520px){
  .card{padding:20px 17px;border-radius:15px}
  h1{font-size:23px}
  .btn{width:100%}
  .actions .link-btn{width:100%;padding:8px}
}