:root{
  --etpb-bg:#021f14;
  --etpb-bg-2:#032819;
  --etpb-surface:#032a1a;
  --etpb-surface-2:#072f1f;
  --etpb-border:#24e85b;
  --etpb-border-soft:rgba(36,232,91,.35);
  --etpb-glow:0 0 0 1px rgba(36,232,91,.18),0 0 24px rgba(36,232,91,.10);
  --etpb-title:#63ff33;
  --etpb-title-soft:#d1ffbd;
  --etpb-text:#f4ffea;
  --etpb-text-soft:#bfe4cb;
  --etpb-accent:#7dff35;
  --etpb-accent-2:#0b7dff;
  --etpb-warning:#ffca32;
  --etpb-danger:#ff7f90;
  --etpb-radius:26px;
  --etpb-font:"Cairo","Tajawal","Noto Kufi Arabic",Tahoma,Arial,sans-serif;
}

.etpb-page-wrap{background:radial-gradient(circle at top center,rgba(40,110,60,.22),transparent 32%),linear-gradient(180deg,#01160f 0%,#042216 100%);padding:28px 0 52px;min-height:100vh}
.etpb-page-wrap .etpb{direction:rtl}
.etpb,
.etpb *{box-sizing:border-box}
.etpb{font-family:var(--etpb-font);max-width:1180px;margin:0 auto;color:var(--etpb-text)}
.etpb a{color:inherit}
.etpb-shell{padding:0 16px}
.etpb-topline{text-align:center;font-size:15px;letter-spacing:.12em;color:#d9ffc7;font-weight:800;margin-bottom:10px;text-transform:uppercase}
.etpb-title{text-align:center;font-size:74px;line-height:1.06;margin:0 0 10px;color:var(--etpb-title);font-weight:900;text-shadow:0 0 12px rgba(99,255,51,.20),0 0 28px rgba(99,255,51,.08)}
.etpb-subtitle{text-align:center;font-size:24px;line-height:1.9;margin:0 auto 14px;max-width:980px;color:#f7fff2;font-weight:700}
.etpb-pill-wrap{text-align:center;margin-bottom:18px}
.etpb-status-pill{display:inline-flex;align-items:center;gap:10px;padding:11px 18px;border-radius:999px;background:linear-gradient(180deg,#05341f,#06281a);border:1px solid rgba(99,255,51,.55);box-shadow:0 0 15px rgba(99,255,51,.12)}
.etpb-status-dot{width:10px;height:10px;border-radius:50%;background:#7dff35;box-shadow:0 0 12px #7dff35}
.etpb-status-text{font-weight:800;color:#f8fff3}
.etpb-banner{margin:22px 0 22px;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 60px rgba(0,0,0,.25)}
.etpb-banner img{display:block;width:100%;height:auto}
.etpb-top-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.etpb-head-card,.etpb-tabs-wrap,.etpb-section,.etpb-active,.etpb-run,.etpb-login,.etpb-message{background:linear-gradient(180deg,rgba(3,40,25,.95) 0%,rgba(2,28,18,.98) 100%);border:1px solid var(--etpb-border-soft);border-radius:24px;box-shadow:var(--etpb-glow)}
.etpb-head-card{padding:22px 24px 18px;margin-bottom:18px}
.etpb-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.etpb-head h2{margin:0;font-size:34px;color:#f6fff1;font-weight:900}
.etpb-head p{margin:10px 0 0;color:var(--etpb-text-soft);font-size:16px;line-height:1.9}
.etpb-badge{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:999px;font-size:14px;font-weight:800;min-width:160px;text-align:center}
.etpb-badge.ok{background:rgba(33,198,83,.14);color:#d5ffcf;border:1px solid rgba(69,255,129,.45)}
.etpb-badge.bad{background:rgba(255,90,111,.10);color:#ffd7dd;border:1px solid rgba(255,127,144,.45)}
.etpb-tabs-wrap{padding:10px;margin-bottom:16px}
.etpb-tabs,.etpb-switch,.etpb-actions{display:flex;gap:10px;flex-wrap:wrap}
.etpb-tabs button,.etpb-switch button,.etpb button{border:1px solid rgba(147,255,160,.26);background:linear-gradient(180deg,#0a2f1d,#082617);padding:12px 18px;border-radius:14px;cursor:pointer;color:#f0fff0;font-family:var(--etpb-font);font-size:15px;font-weight:800;transition:all .18s ease;box-shadow:none}
.etpb-tabs button:hover,.etpb-switch button:hover,.etpb button:hover{transform:translateY(-1px);border-color:rgba(125,255,53,.55)}
.etpb-tabs button.active,.etpb-switch button.active,.etpb button.selected,.etpb-primary{background:linear-gradient(180deg,#52f030,#28c226)!important;color:#062010!important;border-color:#7dff35!important;box-shadow:0 8px 22px rgba(72,230,69,.18)!important}
.etpb button[disabled],.etpb-mode[disabled]{opacity:.55;cursor:not-allowed;transform:none!important}
.etpb-section{padding:22px 20px;margin-bottom:16px}
.etpb-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.etpb-section-title h3{margin:0;font-size:30px;color:var(--etpb-title);font-weight:900}
.etpb-section-title p{margin:6px 0 0;color:var(--etpb-text-soft);font-size:15px;line-height:1.8}
.etpb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.etpb-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.etpb label{display:flex;flex-direction:column;gap:8px;font-weight:800;color:#f7fff3}
.etpb label span{font-size:15px}
.etpb input,.etpb select,.etpb textarea{width:100%;padding:14px 16px;border:1px solid rgba(121,255,80,.26);border-radius:14px;background:linear-gradient(180deg,#072516,#061e13);color:#fff;font-family:var(--etpb-font);font-size:15px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.etpb input::placeholder,.etpb textarea::placeholder{color:#b6cfbe}
.etpb input:focus,.etpb select:focus,.etpb textarea:focus{outline:none;border-color:#7dff35;box-shadow:0 0 0 3px rgba(125,255,53,.16)}
.etpb-helper{color:var(--etpb-text-soft);font-size:13px;line-height:1.7;margin-top:8px}
.etpb-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.etpb-mode{display:block;text-align:right;min-height:180px;padding:18px 16px!important;border-radius:20px!important;background:linear-gradient(180deg,#052b19,#072214)!important;border:1px solid rgba(125,255,53,.22)!important}
.etpb-mode h4{margin:0 0 10px;font-size:20px;color:#f7fff2}
.etpb-mode p{font-size:13px;line-height:1.8;color:var(--etpb-text-soft);margin:0 0 8px}
.etpb-mode small{display:block;color:#dbffd2;font-weight:700;line-height:1.8}
.etpb-mode.selected h4,.etpb-mode.selected p,.etpb-mode.selected small{color:#092410!important}
.etpb-panel{margin:16px 0 0;padding:16px;background:rgba(1,18,11,.52);border:1px dashed rgba(125,255,53,.35);border-radius:18px}
.etpb-cta{display:flex;justify-content:flex-start;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px}
.etpb-primary{font-weight:900}
.etpb-message{margin-top:14px;padding:16px 18px;white-space:pre-wrap;font-weight:700}
.etpb-message.error{border-color:rgba(255,127,144,.40);color:#ffdbe1;background:rgba(64,5,12,.55)}
.etpb-message.success{border-color:rgba(125,255,53,.42);color:#efffe8;background:rgba(7,52,19,.7)}
.etpb-active{margin-top:18px;padding:18px}
.etpb-active h3,.etpb-run h4{margin:0 0 8px;color:var(--etpb-title-soft)}
#etpb-progress{margin-top:10px;padding:14px 16px;border-radius:16px;background:rgba(1,13,8,.6);border:1px solid rgba(125,255,53,.18);white-space:pre-wrap;line-height:1.8}
.etpb-run{padding:16px 18px;margin:12px 0}
.etpb-pre{direction:ltr;text-align:left;white-space:pre-wrap;max-height:360px;overflow:auto;background:#02170d;color:#f8fafc;padding:14px;border-radius:14px;border:1px solid rgba(125,255,53,.18)}
.etpb-review-item{border-bottom:1px solid rgba(125,255,53,.18);padding:14px 0}
.etpb-review-item:last-child{border-bottom:none}
.etpb-review-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.etpb-review-cols > div{padding:14px;border-radius:16px;background:rgba(2,18,12,.58);border:1px solid rgba(125,255,53,.16)}
.etpb-review-cols strong{display:block;margin-bottom:8px;color:#f9fff6}
.etpb-login{padding:22px;border-color:rgba(255,202,50,.45);background:rgba(63,46,5,.4);color:#fff6d1}
.etpb-chipline{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.etpb-chip{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:rgba(4,42,26,.95);border:1px solid rgba(125,255,53,.25);color:#ecffe9;font-size:13px;font-weight:800}
.etpb-note{margin-top:12px;padding:12px 14px;border-radius:14px;background:rgba(255,202,50,.09);border:1px solid rgba(255,202,50,.25);color:#ffe597;font-size:14px;line-height:1.9}
.etpb-head-card .etpb-chipline{margin-top:14px}

@media (max-width:900px){
  .etpb-title{font-size:50px}
  .etpb-subtitle{font-size:20px}
  .etpb-grid,.etpb-grid-3,.etpb-review-cols{grid-template-columns:1fr}
}
@media (max-width:700px){
  .etpb-page-wrap{padding-top:18px}
  .etpb-shell{padding:0 10px}
  .etpb-head{align-items:flex-start;flex-direction:column}
  .etpb-head h2{font-size:28px}
  .etpb-title{font-size:40px}
  .etpb-subtitle{font-size:18px;line-height:1.8}
  .etpb-section,.etpb-head-card{padding:18px 14px}
}
.etpb-mode.unavailable{border-style:dashed!important;opacity:.86}.etpb-mode.unavailable .etpb-mode-state{color:#ffe59a}.etpb-mode-state{margin-top:12px!important;padding-top:10px;border-top:1px solid rgba(125,255,53,.15);font-size:12px!important}.etpb-mode.selected.unavailable .etpb-mode-state{color:#493800!important}
