/* ===== الواجهة العامة — حدوتة مصرية (تصميم هادئ وبسيط) ===== */
:root{
  --hm-ink:#17171A; --hm-paper:#FBFAF7; --hm-sand:#F3EEE3; --hm-line:#E7E1D3; --hm-tint:#FFF3CF;
  --hm-gold:#E3A21A; --hm-gold-deep:#8A5A00; --hm-mute:#6B675C;
  --ink:#17171A; --ink-soft:#5f5b50; --paper:#FBFAF7; --paper-raised:#ffffff;
  --line:#E7E1D3; --line-soft:#EFEADD; --accent:#F2B632; --accent-light:#E3A21A; --accent-text:#8A5A00;
}
html,body{font-family:'Tajawal','Cairo',sans-serif !important;overflow-x:hidden !important;}
body{background:var(--hm-paper) !important;background-image:none !important;color:var(--hm-ink) !important;line-height:1.8;}
h1,h2,h3,h4{font-family:'Tajawal','Cairo',sans-serif !important;font-weight:800 !important;letter-spacing:0 !important;}
.comma-mark{display:none !important;}
.wrap{max-width:1080px !important;overflow:visible !important;}
.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block;}

/* الشريط العلوي */
header.top{position:sticky;top:0;z-index:50;background:rgba(251,250,247,.94);backdrop-filter:blur(8px);margin:-28px 0 0 !important;padding:14px 20px !important;
  box-shadow:0 0 0 100vmax rgba(251,250,247,.94);clip-path:inset(0 -100vmax);border:none !important;}
header.top::after{content:"";position:absolute;left:-100vmax;right:-100vmax;bottom:0;height:1px;background:var(--hm-line);}
header.top .brand-logo{height:46px !important;}
nav.tabs{background:transparent !important;border:none !important;box-shadow:none !important;padding:0 !important;gap:2px !important;}
nav.tabs a,nav.tabs button{font-family:'Tajawal',sans-serif !important;font-size:16px !important;font-weight:700 !important;color:var(--hm-mute) !important;background:transparent !important;border-radius:0 !important;padding:6px 14px !important;border-bottom:2px solid transparent !important;}
nav.tabs a:hover,nav.tabs button:hover{color:var(--hm-ink) !important;background:transparent !important;}
nav.tabs a.active,nav.tabs button.active{color:var(--hm-ink) !important;border-bottom-color:var(--hm-gold) !important;background:transparent !important;}
nav.subtabs{background:transparent !important;border:none !important;box-shadow:none !important;gap:8px !important;}
nav.subtabs a{border:1.5px solid var(--hm-line) !important;border-radius:999px !important;background:#fff !important;color:var(--hm-mute) !important;font-weight:700 !important;}
nav.subtabs a.active{background:var(--hm-ink) !important;color:#fff !important;border-color:var(--hm-ink) !important;}

/* الأزرار والحقول والبطاقات في باقي الصفحات */
.btn,button.btn{font-family:'Tajawal',sans-serif !important;border-radius:999px !important;font-weight:800 !important;}
.btn-primary{background:var(--hm-ink) !important;color:#fff !important;border:1.5px solid var(--hm-ink) !important;box-shadow:none !important;}
.btn-primary:hover{background:#000 !important;}
input,select,textarea{border:1.5px solid var(--hm-line) !important;border-radius:12px !important;background:#fff !important;font-family:inherit;}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(227,162,26,.35) !important;outline-offset:0;border-color:var(--hm-gold) !important;}
.card{border:1px solid var(--hm-line) !important;border-radius:18px !important;box-shadow:0 8px 28px rgba(23,23,26,.05) !important;background:#fff !important;}

/* أزرار عامة */
.hx-btn,.hv-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:999px;font-weight:800;font-size:16px;text-decoration:none;border:1.5px solid var(--hm-ink);font-family:inherit;cursor:pointer;transition:.15s;}
.hx-btn.dark,.hv-btn.solid{background:var(--hm-ink);color:#fff;}
.hx-btn.dark:hover,.hv-btn.solid:hover{background:#000;transform:translateY(-1px);}
.hx-btn.gold{background:var(--hm-gold);border-color:var(--hm-gold);color:var(--hm-ink);}
.hx-btn.gold:hover{background:#f0b232;}
.hx-link{font-weight:800;color:var(--hm-ink);text-decoration:none;border-bottom:2px solid var(--hm-gold);padding-bottom:2px;}
.hv-full{box-shadow:0 0 0 100vmax var(--bg);clip-path:inset(0 -100vmax);background:var(--bg);}

/* الرئيسية */
.hx-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding:64px 0 28px;}
.hx-eyebrow{display:inline-block;color:var(--hm-gold-deep);background:var(--hm-tint);border-radius:999px;padding:5px 16px;font-weight:700;font-size:14px;margin-bottom:20px;}
.hx-hero h1{font-size:clamp(36px,5.6vw,66px);line-height:1.3;margin:0 0 18px;}
.hx-hero h1 mark{background:linear-gradient(transparent 62%,var(--hm-tint) 62%);color:inherit;padding:0 4px;}
.hx-hero p{font-size:19px;color:var(--hm-mute);max-width:480px;margin:0 0 30px;line-height:2;}
.hx-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;}
.hx-art{background:var(--hm-sand);border-radius:32px;aspect-ratio:1;max-width:400px;width:100%;margin:auto;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.hx-art::before{content:"";position:absolute;width:62%;aspect-ratio:1;border-radius:50%;background:var(--hm-tint);top:-14%;left:-12%;}
.hx-art::after{content:"";position:absolute;width:26%;aspect-ratio:1;border-radius:50%;background:var(--hm-gold);bottom:10%;right:9%;opacity:.9;}
.hx-art img{width:58%;height:auto;position:relative;z-index:1;}
.hx-sec{padding:84px 0 0;}
.hx-sec h2{font-size:clamp(26px,3.8vw,40px);margin:0 0 8px;line-height:1.4;}
.hx-lead{color:var(--hm-mute);font-size:18px;margin:0 0 34px;}
.hx-ways{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.hx-way{background:#fff;border:1px solid var(--hm-line);border-radius:22px;padding:28px 26px;}
.hx-way .n{width:42px;height:42px;border-radius:50%;background:var(--hm-tint);color:var(--hm-gold-deep);font-weight:800;display:grid;place-items:center;font-size:18px;margin-bottom:16px;}
.hx-way h3{font-size:21px;margin:0 0 8px;}
.hx-way p{margin:0;color:var(--hm-mute);line-height:2;font-size:16px;}
.hx-way a{color:var(--hm-gold-deep);font-weight:800;}
.hx-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start;}
.hx-steps{display:grid;}
.hx-step{display:grid;grid-template-columns:54px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--hm-line);}
.hx-step:first-child{padding-top:0;}
.hx-step .no{font-size:30px;font-weight:800;color:var(--hm-gold);line-height:1.2;}
.hx-step h3{margin:0 0 3px;font-size:19px;} .hx-step p{margin:0;color:var(--hm-mute);line-height:1.9;}
.hx-panel{background:var(--hm-sand);border-radius:22px;padding:26px 28px;margin-top:26px;}
.hx-panel h3{margin:0 0 10px;font-size:20px;}
.hm-ph{background:#fff;border:1.5px dashed var(--hm-gold);border-radius:12px;padding:12px 16px;color:var(--hm-gold-deep);font-weight:700;line-height:2;margin:0;}
.hx-soon{display:flex;align-items:center;gap:22px;background:var(--hm-tint);border-radius:22px;padding:26px 30px;}
.hx-soon .q{width:62px;height:62px;border-radius:50%;background:var(--hm-gold);display:grid;place-items:center;font-size:34px;font-weight:800;flex:none;}
.hx-soon h2{margin:0 0 2px;font-size:24px;} .hx-soon p{margin:0;color:#5f5436;}
.hx-cta{background:var(--hm-ink);color:#fff;border-radius:30px;padding:60px 28px;text-align:center;}
.hx-cta h2{color:#fff;font-size:clamp(28px,4.4vw,46px);margin:0 0 10px;}
.hx-cta p{color:#c9c4b4;max-width:480px;margin:0 auto 26px;font-size:18px;}
.hx-cta .hx-actions{justify-content:center;}
.hx-cta .hx-link{color:#fff;}

/* التذييل */
.hm-footer{background:var(--hm-sand);color:var(--hm-mute);margin-top:90px;padding:34px 20px 26px;border-top:1px solid var(--hm-line);}
.hm-footer .in{max-width:1080px;margin:auto;display:flex;gap:26px;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.hm-footer img{height:58px;width:auto;filter:brightness(0);opacity:.85;}
.hm-footer nav a{color:var(--hm-ink);text-decoration:none;margin-inline-start:22px;font-weight:700;}
.hm-footer nav a:hover{color:var(--hm-gold-deep);}
.hm-footer .copy{max-width:1080px;margin:16px auto 0;font-size:13px;}

@media(max-width:860px){
  .hx-hero{grid-template-columns:1fr;padding-top:34px}.hx-art{max-width:260px;order:-1}
  .hx-ways{grid-template-columns:1fr}.hx-split{grid-template-columns:1fr;gap:26px}
  .hx-sec{padding-top:60px}.hx-soon{flex-direction:column;text-align:center}
}
@media(max-width:700px){#latest .st-grid{grid-template-columns:repeat(2,1fr);gap:14px;}}

/* أزرار النماذج في باقي الصفحات */
.auth-submit,button[type=submit].btn-primary{background:var(--hm-ink) !important;color:#fff !important;border:none !important;border-radius:999px !important;font-family:inherit !important;font-weight:800 !important;box-shadow:none !important;}
.auth-submit:hover{background:#000 !important;}