/* Anan Iskan Wizard v2.1 - style.css */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');

:root{
  --p:#1C3324; --pd:#0f2318; --ps:#254535;
  --gold:#F2DD90; --bg:#F3F5F6; --white:#FFFFFF;
  --txt:#1C3324; --muted:#6b7a70; --bdr:#d8e2db;
  --rsm:10px; --tr:all .22s cubic-bezier(.4,0,.2,1);
}

/* ========= CTA ========= */
.aiiz-cta-wrap{
  font-family:'Cairo',sans-serif;
  width:100%; max-width:1440px; margin:0 auto;
  padding:0 24px; box-sizing:border-box;
}
.aiiz-cta-inner{
  position:relative; overflow:hidden; border-radius:20px;
  background:linear-gradient(140deg, #0c1f14 0%, #1C3324 28%, #1e3d28 55%, #162d1e 78%, #0a1910 100%);
  padding:58px 48px; text-align:center;
  display:flex; flex-direction:column; align-items:center; gap:18px;
}
/* Subtle geometric pattern */
.aiiz-cta-inner::before{
  content:''; position:absolute; inset:0; pointer-events:none; z-index:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cg fill='none' stroke='rgba(242%2C221%2C144%2C0.05)' stroke-width='0.8'%3E%3Crect x='18' y='62' width='28' height='38' rx='2'/%3E%3Crect x='21' y='76' width='9' height='12' rx='1'/%3E%3Crect x='34' y='76' width='9' height='12' rx='1'/%3E%3Cpolygon points='16%2C62 32%2C44 48%2C62'/%3E%3Crect x='88' y='64' width='26' height='34' rx='2'/%3E%3Crect x='91' y='78' width='8' height='11' rx='1'/%3E%3Crect x='103' y='78' width='8' height='11' rx='1'/%3E%3Cpolygon points='86%2C64 101%2C48 116%2C64'/%3E%3Cline x1='10' y1='106' x2='130' y2='106' stroke-width='0.4'/%3E%3Ccircle cx='70' cy='22' r='7' stroke-width='0.6'/%3E%3Cline x1='70' y1='29' x2='70' y2='40' stroke-width='0.5'/%3E%3Cline x1='63' y1='34' x2='77' y2='34' stroke-width='0.5'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:repeat; background-size:160px 160px;
}
.aiiz-glow-tr{
  position:absolute; top:-35%; right:-8%; width:50%; height:130%;
  background:radial-gradient(ellipse at center, rgba(242,221,144,.055) 0%, transparent 65%);
  pointer-events:none; z-index:0;
}
.aiiz-glow-bl{
  position:absolute; bottom:-25%; left:-5%; width:40%; height:110%;
  background:radial-gradient(ellipse at center, rgba(40,120,70,.12) 0%, transparent 65%);
  pointer-events:none; z-index:0;
}
.aiiz-compare{
  display:flex; align-items:center; gap:14px; flex-wrap:wrap; justify-content:center;
}
.aiiz-before{
  font-family:'Cairo',sans-serif; font-size:13px;
  color:rgba(255,255,255,.38); text-decoration:line-through;
  text-decoration-color:rgba(255,255,255,.2);
}
.aiiz-divider{width:1px; height:18px; background:rgba(255,255,255,.18); flex-shrink:0;}
.aiiz-after{font-family:'Cairo',sans-serif; font-size:13px; color:var(--gold); font-weight:600;}
.aiiz-cta-h{
  font-family:'Cairo',sans-serif; font-size:clamp(26px,4vw,44px);
  font-weight:900; color:#fff; margin:0; line-height:1.3; letter-spacing:-.5px;
}
.aiiz-cta-p{
  font-family:'Cairo',sans-serif; font-size:clamp(14px,1.8vw,17px);
  color:rgba(255,255,255,.68); margin:0; line-height:1.75;
}
.aiiz-cta-btn{
  font-family:'Cairo',sans-serif;
  display:inline-flex; align-items:center; gap:10px;
  padding:13px 40px; background:#fff; color:var(--p);
  border:2px solid #fff; border-radius:50px;
  font-size:16px; font-weight:700; cursor:pointer; transition:var(--tr);
  text-decoration:none; margin-top:4px;
}
.aiiz-cta-btn:hover{background:var(--p); color:#fff; transform:translateY(-2px); box-shadow:0 10px 30px rgba(0,0,0,.22);}

/* ========= OVERLAY ========= */
.aiiz-overlay{
  position:fixed; inset:0;
  background:rgba(8,18,10,.65);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  z-index:99999; display:flex; align-items:center; justify-content:center;
  padding:20px; box-sizing:border-box;
  animation:aiizFadeIn .18s ease;
}
@keyframes aiizFadeIn{from{opacity:0}to{opacity:1}}

/* ========= MODAL ========= */
.aiiz-modal{
  font-family:'Cairo',sans-serif;
  background:#fff; border-radius:22px; width:100%; max-width:440px;
  overflow:hidden; box-shadow:0 28px 70px rgba(12,30,16,.25);
  animation:aiizUp .28s cubic-bezier(.34,1.56,.64,1);
}
@keyframes aiizUp{from{transform:translateY(28px) scale(.96);opacity:0}to{transform:none;opacity:1}}

/* Header */
.aiiz-hdr{
  background:linear-gradient(135deg,#0f2318 0%,#1C3324 55%,#254535 100%);
  padding:17px 22px;
  display:flex; align-items:center; justify-content:space-between;
}
[dir="rtl"] .aiiz-hdr{flex-direction:row-reverse;}
.aiiz-brand{display:flex; align-items:center; gap:8px;}
.aiiz-brand-ar{font-family:'Cairo',sans-serif; font-weight:800; font-size:15px; color:#fff;}
.aiiz-brand-sep{color:rgba(255,255,255,.3); font-size:13px;}
.aiiz-brand-en{font-family:'Cairo',sans-serif; font-size:13px; color:var(--gold); font-weight:600;}
.aiiz-x{
  width:28px; height:28px; border-radius:50%;
  background:rgba(255,255,255,.15); border:none; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  color:#fff; transition:var(--tr); flex-shrink:0;
}
.aiiz-x:hover{background:rgba(255,255,255,.28);}

/* Body */
.aiiz-body{padding:22px 24px 8px;}

/* Steps */
.aiiz-steps{
  display:flex; align-items:center; justify-content:center;
  margin-bottom:22px; direction:ltr;
}
.aiiz-dot{
  width:33px; height:33px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-family:'Cairo',sans-serif; font-size:13px; font-weight:700;
  transition:var(--tr); flex-shrink:0;
}
.aiiz-dot.active{background:var(--p); color:#fff; box-shadow:0 0 0 4px rgba(28,51,36,.13);}
.aiiz-dot.done{background:var(--gold); color:var(--p);}
.aiiz-dot.inactive{background:var(--bg); color:var(--muted); border:1.5px solid var(--bdr);}
.aiiz-line{flex:1; height:1.5px; background:var(--bdr); max-width:50px;}

/* Labels */
.aiiz-qlabel{
  font-family:'Cairo',sans-serif; font-size:15px; font-weight:700;
  color:var(--txt); margin:0 0 12px; text-align:right; display:block;
}
[dir="ltr"] .aiiz-qlabel{text-align:left;}
.aiiz-sec-title{
  font-family:'Cairo',sans-serif; font-size:17px; font-weight:800;
  color:var(--txt); margin:0 0 16px; text-align:right;
}
[dir="ltr"] .aiiz-sec-title{text-align:left;}

/* Type cards */
.aiiz-type-grid{display:grid; grid-template-columns:1fr 1fr; gap:11px; margin-bottom:18px;}
.aiiz-tcard{
  font-family:'Cairo',sans-serif;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:8px; padding:17px 12px;
  border:1.5px solid var(--bdr); border-radius:var(--rsm);
  background:#fff; cursor:pointer; transition:var(--tr);
  color:var(--txt); font-size:14px; font-weight:600;
}
.aiiz-tcard:hover{border-color:var(--p); background:#f0f6f2;}
.aiiz-tcard.sel{border-color:var(--p); background:#eef5f1; color:var(--p); box-shadow:0 0 0 3px rgba(28,51,36,.09);}

/* Extra fields */
.aiiz-extra{overflow:hidden; max-height:0; transition:max-height .36s ease;}
.aiiz-extra.open{max-height:440px;}

/* Interest cards */
.aiiz-int-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-bottom:15px;}
.aiiz-icard{
  font-family:'Cairo',sans-serif;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:6px; padding:13px 6px;
  border:1.5px solid var(--bdr); border-radius:var(--rsm);
  background:#fff; cursor:pointer; transition:var(--tr);
  color:var(--txt); font-size:12px; font-weight:600;
}
.aiiz-icard:hover{border-color:var(--p); background:#f0f6f2;}
.aiiz-icard.sel{border-color:var(--p); background:#eef5f1; color:var(--p); box-shadow:0 0 0 2px rgba(28,51,36,.09);}

/* Form fields */
.aiiz-fg{margin-bottom:13px;}
.aiiz-fg:last-child{margin-bottom:0;}
.aiiz-lbl{
  font-family:'Cairo',sans-serif; font-size:13px; font-weight:700;
  color:var(--txt); margin:0 0 6px; text-align:right; display:block;
}
[dir="ltr"] .aiiz-lbl{text-align:left;}
.aiiz-opt{font-size:11px; font-weight:400; color:var(--muted); font-style:normal; margin-right:5px;}
[dir="ltr"] .aiiz-opt{margin-right:0; margin-left:5px;}

.aiiz-inp{
  font-family:'Cairo',sans-serif; width:100%; padding:11px 13px;
  border:1.5px solid var(--bdr); border-radius:var(--rsm);
  font-size:14px; color:var(--txt); background:#fff;
  box-sizing:border-box; transition:var(--tr);
  direction:inherit; text-align:right; outline:none;
}
[dir="ltr"] .aiiz-inp{text-align:left;}
.aiiz-inp::placeholder{color:#b8c4bc;}
.aiiz-inp:focus{border-color:var(--p); box-shadow:0 0 0 3px rgba(28,51,36,.09);}
.aiiz-inp.err{border-color:#ef4444; box-shadow:0 0 0 3px rgba(239,68,68,.09);}

.aiiz-sel-wrap{position:relative;}
.aiiz-sel{appearance:none; -webkit-appearance:none; cursor:pointer; padding-left:34px;}
[dir="rtl"] .aiiz-sel{padding-left:13px; padding-right:34px;}
.aiiz-sel-arrow{position:absolute; top:50%; transform:translateY(-50%); left:10px; pointer-events:none; color:var(--muted);}
[dir="rtl"] .aiiz-sel-arrow{left:auto; right:10px;}

/* Row of 2 inputs */
.aiiz-row2{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:0;}
@media(max-width:420px){.aiiz-row2{grid-template-columns:1fr;}}

/* Error messages */
.aiiz-err{
  font-family:'Cairo',sans-serif; font-size:11.5px; color:#dc2626;
  margin-top:4px; text-align:right; display:none;
}
[dir="ltr"] .aiiz-err{text-align:left;}
.aiiz-err.show{display:block;}

/* Footer */
.aiiz-ftr{padding:13px 24px 20px; display:flex; flex-direction:column; gap:8px;}
.aiiz-btn-pri{
  font-family:'Cairo',sans-serif; width:100%; padding:13px;
  background:var(--p); color:#fff; border:2px solid var(--p);
  border-radius:50px; font-size:15px; font-weight:700;
  cursor:pointer; transition:var(--tr); text-align:center;
}
.aiiz-btn-pri:hover{background:#fff; color:var(--p);}
.aiiz-btn-pri:disabled{opacity:.45; cursor:not-allowed;}
.aiiz-btn-ghost{
  font-family:'Cairo',sans-serif; width:100%; padding:9px;
  background:transparent; color:var(--muted); border:none;
  font-size:14px; font-weight:600; cursor:pointer; transition:var(--tr); text-align:center;
}
.aiiz-btn-ghost:hover{color:var(--p);}

/* Success */
.aiiz-success{display:flex; flex-direction:column; align-items:center; text-align:center; padding:18px 0 6px; gap:10px;}
.aiiz-ok-icon{width:62px; height:62px; border-radius:50%; background:#dcfce7; display:flex; align-items:center; justify-content:center; margin-bottom:2px;}
.aiiz-ok-title{font-family:'Cairo',sans-serif; font-size:17px; font-weight:800; color:var(--txt); margin:0;}
.aiiz-ok-msg{font-family:'Cairo',sans-serif; font-size:13px; color:var(--muted); margin:0; line-height:1.65;}

/* Shake */
@keyframes aiizShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}
.aiiz-shake{animation:aiizShake .36s ease;}

/* Responsive */
@media(max-width:768px){.aiiz-cta-inner{padding:40px 26px;} .aiiz-compare{gap:10px;}}
@media(max-width:480px){
  .aiiz-overlay{padding:0; align-items:flex-end;}
  .aiiz-modal{border-radius:20px 20px 0 0; max-width:100%;}
}