:root{--green-950:#09281d;--green-900:#103d2c;--green-800:#17553b;--green-700:#1e6b49;--green-100:#e8f3ed;--gold:#c99a42;--ink:#173529;--muted:#66786e;--line:#dce7e0;--white:#fff;--danger:#8c2f2f}*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Cairo,Tahoma,Arial,sans-serif;color:var(--ink);background:#f1f6f3;direction:rtl}.platform-entry{min-height:calc(100vh - 52px);display:grid;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);position:relative;overflow:hidden}.entry-intro{padding:clamp(28px,5vw,76px);background:radial-gradient(circle at 18% 14%,rgba(201,154,66,.18),transparent 26%),linear-gradient(145deg,var(--green-950),var(--green-900) 55%,#14583d);color:#fff;display:flex;flex-direction:column;justify-content:center;position:relative}.entry-intro:after{content:"";position:absolute;inset:0;opacity:.14;background-image:linear-gradient(30deg,rgba(255,255,255,.12) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.12) 87.5%),linear-gradient(150deg,rgba(255,255,255,.12) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.12) 87.5%);background-size:46px 80px;pointer-events:none}.entry-intro>*{position:relative;z-index:1}.entry-brand{display:flex;align-items:center;gap:14px;margin-bottom:clamp(38px,6vw,80px)}.entry-logo{width:66px;height:66px;padding:5px;border-radius:21px;background:rgba(255,255,255,.97);box-shadow:0 16px 34px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.25)}.entry-logo img{width:100%;height:100%;object-fit:contain;border-radius:16px}.entry-brand strong{display:block;font-size:1.04rem}.entry-brand small{display:block;color:#cfe2d8;font-size:.75rem;margin-top:3px}.entry-kicker{display:inline-flex;width:max-content;max-width:100%;padding:7px 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.08);color:#f4d99d;font-size:.73rem;font-weight:900}.entry-copy h1{font-size:clamp(2rem,4.6vw,4.2rem);line-height:1.28;max-width:850px;margin:18px 0}.entry-copy p{max-width:790px;color:#d9e9e0;font-size:clamp(.92rem,1.25vw,1.08rem);line-height:2;margin:0}.entry-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:clamp(30px,5vw,54px);max-width:900px}.entry-features article{display:flex;align-items:flex-start;gap:11px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.07);backdrop-filter:blur(6px)}.entry-features article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(201,154,66,.2);color:#f4d99d;font-size:.68rem;font-weight:900;flex:0 0 auto}.entry-features strong{display:block;font-size:.8rem}.entry-features small{display:block;color:#c9ded3;font-size:.66rem;line-height:1.7;margin-top:4px}.entry-security{font-size:.7rem;color:#c7dcd1;margin:22px 0 0}.entry-login{padding:clamp(22px,5vw,70px);display:grid;place-items:center;background:radial-gradient(circle at 80% 15%,rgba(36,124,84,.1),transparent 30%),linear-gradient(180deg,#f9fbfa,#edf4f0)}.login-box{width:min(500px,100%);padding:clamp(24px,4vw,40px);border:1px solid rgba(212,226,217,.9);border-radius:30px;background:rgba(255,255,255,.94);box-shadow:0 30px 90px rgba(13,55,36,.14);position:relative;overflow:hidden}.login-box:before{content:"";position:absolute;top:0;right:0;left:0;height:5px;background:linear-gradient(90deg,var(--green-700),var(--gold),var(--green-700))}.login-head{display:flex;align-items:center;gap:12px}.status-dot{width:13px;height:13px;border-radius:50%;background:#34a36a;box-shadow:0 0 0 7px rgba(52,163,106,.12)}.login-head span{font-size:.68rem;color:var(--muted);font-weight:800}.login-head h2{font-size:1.65rem;margin:2px 0 0;color:var(--green-900)}.login-help{color:var(--muted);font-size:.78rem;line-height:1.8;margin:14px 0 24px}.login-alert{padding:12px 14px;margin-bottom:15px;border:1px solid #efc4c4;border-radius:13px;background:#fff0f0;color:var(--danger);font-size:.76rem;font-weight:700}.login-form{display:grid;gap:16px}.login-field{display:grid;gap:8px}.login-field label{font-size:.77rem;font-weight:900;color:#294b3c}.input-shell{display:flex;align-items:center;gap:9px;min-height:54px;padding:0 13px;border:1px solid #d4e1d9;border-radius:15px;background:#fbfdfc;transition:.2s}.input-shell:focus-within{border-color:#4d9a72;box-shadow:0 0 0 4px rgba(47,132,91,.1);background:#fff}.input-shell>span{font-size:1rem;filter:grayscale(.4)}.input-shell input{min-width:0;flex:1;border:0;outline:0;background:transparent;font:700 .88rem Cairo,Tahoma,sans-serif;padding:14px 0;color:#173529}.password-toggle{border:0;background:transparent;color:var(--green-700);font:800 .68rem Cairo,Tahoma,sans-serif;cursor:pointer;padding:7px}.login-submit{width:100%;min-height:54px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:15px;background:linear-gradient(135deg,var(--green-800),var(--green-700));color:#fff;font:900 .88rem Cairo,Tahoma,sans-serif;text-decoration:none;cursor:pointer;box-shadow:0 13px 28px rgba(24,95,63,.22);transition:.2s}.login-submit:hover{transform:translateY(-1px);filter:brightness(1.04)}.login-submit span{font-size:1.1rem}.login-foot{display:grid;gap:5px;padding-top:20px;margin-top:21px;border-top:1px solid #e4ece7;color:#718078;font-size:.65rem}.setup-note{display:grid;gap:12px;padding:17px;border-radius:17px;background:#f2f7f4;border:1px solid #dae7df}.setup-note strong{color:var(--green-900)}.setup-note p{margin:0;color:var(--muted);font-size:.75rem;line-height:1.7}.platform-footer{height:52px;padding:0 clamp(18px,4vw,56px);display:flex;align-items:center;justify-content:space-between;gap:16px;background:#071d15;color:#bcd2c7;font-size:.65rem}.platform-footer span:first-child{font-weight:900;color:#fff}@media(max-width:1050px){.platform-entry{grid-template-columns:1fr}.entry-intro{min-height:auto;padding-bottom:48px}.entry-brand{margin-bottom:38px}.entry-copy h1{font-size:clamp(2rem,8vw,3.7rem)}.entry-login{padding-top:40px;padding-bottom:50px}.entry-features{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.entry-intro{padding:24px 18px 38px}.entry-brand{margin-bottom:30px}.entry-logo{width:56px;height:56px;border-radius:17px}.entry-copy h1{font-size:1.85rem;line-height:1.42}.entry-copy p{font-size:.82rem}.entry-features{grid-template-columns:1fr;gap:9px;margin-top:28px}.entry-features article{padding:13px}.entry-login{padding:18px 12px 34px}.login-box{border-radius:23px;padding:24px 18px}.platform-footer{height:auto;min-height:54px;flex-direction:column;justify-content:center;padding:12px 18px;text-align:center}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* V20 generic branding and phone compatibility */
.generic-db-mark{background:linear-gradient(145deg,#ffffff,#e7f1eb);color:#164b35;border:1px solid rgba(255,255,255,.6);font-family:Arial,sans-serif;font-weight:900;letter-spacing:-.08em}
.generic-db-mark b{font-size:1.05rem;line-height:1}
input,button{min-width:0}
@media(max-width:680px){
  .platform-entry{width:100%;min-height:auto;padding:12px;display:grid;gap:12px}
  .entry-intro,.entry-login{width:100%;min-width:0;border-radius:22px;padding:22px 18px}
  .entry-brand{gap:10px}.entry-logo{width:48px;height:48px;min-width:48px}
  .entry-brand strong{font-size:1rem}.entry-brand small{font-size:.7rem}
  .entry-copy h1{font-size:clamp(1.55rem,8vw,2.15rem);line-height:1.5}
  .entry-copy p{font-size:.86rem;line-height:1.9}
  .entry-features{grid-template-columns:1fr;gap:8px}.entry-features article{padding:11px}
  .login-box{width:100%;padding:22px 16px;border-radius:20px}
  .input-shell input{font-size:16px;min-height:52px}
  .password-toggle{min-height:40px;white-space:nowrap}
  .login-submit{min-height:52px;width:100%;font-size:.9rem}
  .login-foot{grid-template-columns:1fr;gap:5px;text-align:center}
  .platform-footer{padding:14px 16px;display:grid;gap:4px;text-align:center}
}
@media(max-width:380px){.platform-entry{padding:7px}.entry-intro,.entry-login{padding:18px 13px}.login-box{padding:19px 12px}}

/* V21 responsive login refinements */
html,body{max-width:100%;overflow-x:hidden}
.platform-entry,.entry-intro,.entry-login,.login-box{min-width:0}
.input-shell input{font-size:16px}
@media(max-width:900px){
  .platform-entry{min-height:100svh;grid-template-columns:1fr}
  .entry-intro{padding:36px 24px 40px}
  .entry-brand{margin-bottom:28px}
  .entry-copy h1{font-size:clamp(1.9rem,7vw,3.1rem)}
  .entry-features{grid-template-columns:repeat(3,minmax(0,1fr))}
  .entry-login{padding:30px 18px 46px}
}
@media(max-width:620px){
  .platform-entry{padding:0;gap:0;background:#f3f7f4}
  .entry-intro,.entry-login{border-radius:0}
  .entry-intro{padding:calc(24px + env(safe-area-inset-top)) 16px 30px}
  .entry-brand{margin-bottom:22px}
  .entry-logo{width:50px;height:50px;min-width:50px;border-radius:16px}
  .entry-kicker{font-size:.66rem}
  .entry-copy h1{font-size:1.65rem;line-height:1.42;margin:14px 0 10px}
  .entry-copy p{font-size:.8rem;line-height:1.85}
  .entry-features{grid-template-columns:1fr;margin-top:22px}
  .entry-features article{padding:11px 12px}
  .entry-security{font-size:.63rem;margin-top:16px}
  .entry-login{padding:18px 11px calc(28px + env(safe-area-inset-bottom))}
  .login-box{padding:22px 15px;border-radius:20px}
  .login-head h2{font-size:1.35rem}
  .login-help{margin-bottom:18px}
  .input-shell{min-height:52px;padding-inline:11px}
  .password-toggle{min-width:52px;min-height:42px}
  .login-submit{min-height:52px}
  .platform-footer{display:none}
}

/* V30 — optional association self-registration */
.login-secondary-action{display:flex;align-items:center;justify-content:center;min-height:50px;margin-top:10px;border:1px solid #c9ddd1;border-radius:15px;background:#f7fbf8;color:var(--green-800);font:900 .84rem Cairo,Tahoma,sans-serif;text-decoration:none;transition:.2s}.login-secondary-action:hover{background:#edf6f0;border-color:#9fc6b1;transform:translateY(-1px)}
.association-registration-page{background:radial-gradient(circle at 15% 10%,rgba(201,154,66,.12),transparent 28%),linear-gradient(145deg,#0b2b20,#124934 55%,#f2f7f4 55%);min-height:100vh}.registration-shell{min-height:100vh;display:grid;place-items:center;padding:30px 16px}.registration-card{width:min(900px,100%);padding:clamp(22px,4vw,40px);border:1px solid rgba(214,228,220,.9);border-radius:28px;background:#fff;box-shadow:0 30px 90px rgba(5,31,21,.24)}.registration-head{display:flex;align-items:flex-start;gap:15px;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid #e1ebe5}.registration-mark{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--green-800),var(--green-700));color:#fff;font-size:1.65rem;font-weight:900;flex:0 0 auto}.registration-head>div>span{font-size:.7rem;color:var(--gold);font-weight:900}.registration-head h1{margin:3px 0 7px;color:var(--green-900);font-size:1.75rem}.registration-head p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.8}.registration-form{display:grid;gap:18px}.registration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.registration-grid .full{grid-column:1/-1}.textarea-shell{align-items:stretch;padding-block:8px}.textarea-shell textarea{width:100%;border:0;outline:0;resize:vertical;background:transparent;font:700 .84rem Cairo,Tahoma,sans-serif;color:#173529}.registration-note{padding:12px 14px;border:1px solid #ecd9ad;border-radius:13px;background:#fff9e9;color:#6d5318;font-size:.72rem;line-height:1.7;font-weight:700}.registration-back{display:block;text-align:center;color:var(--green-700);font-size:.75rem;font-weight:800;text-decoration:none}.registration-success{padding:20px;border:1px solid #bfe0cd;border-radius:17px;background:#edf8f1;margin-bottom:18px}.registration-success strong{display:block;color:#0c6941;font-size:1rem}.registration-success p{margin:8px 0 0;color:#48675a;font-size:.8rem;line-height:1.8}.registration-honeypot{position:absolute!important;right:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:680px){.association-registration-page{background:#eff5f1}.registration-shell{padding:10px}.registration-card{border-radius:20px;padding:20px 14px}.registration-grid{grid-template-columns:1fr}.registration-grid .full{grid-column:auto}.registration-head h1{font-size:1.4rem}.registration-mark{width:46px;height:46px}}

/* V32 — صفحة مستقلة لإدارة جمعيات منفلوط وطلب انضمام احترافي */
.platform-entry-v32{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr)}
.entry-intro-v32{justify-content:flex-start;padding-top:clamp(34px,5vw,68px)}
.entry-intro-v32 .entry-brand{margin-bottom:34px}
.entry-intro-v32 .entry-copy h1{font-size:clamp(2.1rem,4.5vw,4rem);margin-bottom:12px}
.entry-intro-v32 .entry-copy p+p{margin-top:8px}
.platform-capabilities{margin-top:30px;position:relative;z-index:1}.capabilities-title span{color:#f4d99d;font-size:.72rem;font-weight:900}.capabilities-title h2{font-size:1.15rem;margin:4px 0 0}.entry-features-v32{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:15px}.entry-features-v32 article{min-height:92px}
.login-box-v32{max-width:520px}.join-platform-card{margin-top:18px;padding:16px;border:1px solid #d9e7de;border-radius:18px;background:linear-gradient(145deg,#f8fcf9,#eef7f1)}.join-platform-card>div{display:flex;gap:11px;align-items:flex-start}.join-platform-card>div>span{font-size:1.5rem}.join-platform-card strong{display:block;color:var(--green-900)}.join-platform-card p{margin:4px 0 0;color:var(--muted);font-size:.72rem;line-height:1.8}.login-secondary-action-v32{min-height:56px;margin-top:14px;border:0;background:linear-gradient(135deg,#c59635,#d9b054);color:#173529;box-shadow:0 11px 25px rgba(175,128,34,.22)}.login-secondary-action-v32 span{margin-inline-start:7px}
.registration-shell-v32{padding:clamp(18px,4vw,56px)}.registration-card-v32{width:min(1080px,100%);padding:clamp(18px,3vw,34px)}.registration-head-v32{margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid #e1eae4}.registration-head-v32 h1{font-size:clamp(1.45rem,3vw,2.2rem)}
.registration-form-v32{display:grid;gap:18px}.registration-section{padding:20px;border:1px solid #dce8e0;border-radius:22px;background:#fbfdfc;box-shadow:0 8px 24px rgba(20,64,44,.05)}.registration-section-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:17px}.registration-section-title>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--green-800),var(--green-700));color:#fff;font-weight:900;flex:0 0 auto}.registration-section-title h2{margin:0;color:var(--green-900);font-size:1rem}.registration-section-title p{margin:3px 0 0;color:var(--muted);font-size:.72rem}.registration-form-v32 .registration-grid{gap:14px}.registration-form-v32 .input-shell{background:#fff}.file-shell{padding-block:7px}.file-shell input{padding:6px 0}.join-work-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.join-work-fields label{cursor:pointer}.join-work-fields input{position:absolute;opacity:0}.join-work-fields span{display:block;padding:11px;border:1px solid #d5e1da;border-radius:13px;background:#fff;text-align:center;font-size:.73rem;font-weight:800}.join-work-fields input:checked+span{border-color:#24815a;background:#eaf7ef;color:#0e6242;box-shadow:0 0 0 2px rgba(36,129,90,.09)}.registration-privacy-box{display:flex;gap:13px;padding:17px;border:1px solid #c9e2d3;border-radius:18px;background:#edf8f1}.registration-privacy-box>span{font-size:1.45rem}.registration-privacy-box strong{color:#0f6744}.registration-privacy-box p{margin:4px 0 0;color:#526b5e;font-size:.76rem;line-height:1.9}.registration-submit-v32{max-width:520px;margin-inline:auto}.registration-success-v32{display:flex;gap:14px;align-items:flex-start;padding:22px}.registration-success-v32>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#198153;color:#fff;font-size:1.25rem;font-weight:900;flex:0 0 auto}
@media(max-width:1050px){.platform-entry-v32{grid-template-columns:1fr}.entry-intro-v32{padding-bottom:42px}.entry-features-v32{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.entry-features-v32{grid-template-columns:1fr}.platform-capabilities{margin-top:24px}.registration-shell-v32{padding:0}.registration-card-v32{border-radius:0;padding:18px 12px}.registration-section{padding:14px;border-radius:17px}.join-work-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.registration-privacy-box{padding:14px}.registration-head-v32{align-items:flex-start}}