.za-wrap{display:grid;grid-template-columns:1fr 1.05fr;gap:0;max-width:980px;margin:10px auto 0;background:var(--z-surface);border:1px solid var(--z-border);border-radius:20px;overflow:hidden;box-shadow:0 18px 50px rgba(0,60,70,.08)}
.za-side{background:linear-gradient(150deg,#004E5B,#006475 45%,#1FA89F);color:#fff;padding:40px 34px;display:flex;flex-direction:column;gap:6px;position:relative}
.za-side::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 85%,rgba(255,255,255,.12),transparent 45%);pointer-events:none}
.za-side .z-eyebrow{color:#F1D9A6}
.za-side h1{color:#fff;font-size:2rem;margin:.2em 0 .5em}
.za-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.za-list li{padding-inline-start:30px;position:relative;line-height:1.7;color:#E9FBF8}
.za-list li::before{content:"✓";position:absolute;inset-inline-start:0;top:1px;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:.8rem;color:#fff}
.za-list b{color:#fff}
.za-ayah{margin-top:auto;padding-top:28px;font:1.5rem "Amiri",serif;color:#F1D9A6;text-align:center}
.za-card{padding:34px 34px 28px}
.za-card h2{color:var(--z-primary);font-size:1.6rem;margin:18px 0 10px}
.za-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--z-soft);border-radius:999px;padding:4px}
.za-tabs a{text-align:center;padding:8px 10px;border-radius:999px;text-decoration:none;color:var(--z-muted);font-weight:600;font-size:.92rem}
.za-tabs a.on{background:var(--z-surface);color:var(--z-primary);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.za-form{display:grid;gap:14px}
.za-f{display:grid;gap:6px}
.za-f>span{font-size:.88rem;font-weight:600;display:flex;justify-content:space-between;align-items:baseline}
.za-f small{font-weight:400;color:var(--z-muted)}
.za-f input{width:100%;padding:11px 14px;border-radius:12px;font-size:1rem;background:var(--z-bg)}
.za-pw{position:relative;display:block}
.za-pw input{padding-left:76px;padding-right:14px}
.za-eye{position:absolute;left:6px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--z-primary);font:600 .8rem var(--z-body);cursor:pointer;padding:6px 8px}
.za-link{font-weight:600;font-size:.82rem;text-decoration:none}
.za-meter{height:5px;background:var(--z-soft);border-radius:5px;overflow:hidden;margin-top:-6px}
.za-meter i{display:block;height:100%;width:0;transition:width .2s,background .2s}
.za-hint{margin:-8px 0 0;font-size:.8rem;color:var(--z-muted)}
.za-chk{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;line-height:1.7}
.za-chk input{margin-top:5px;width:18px;height:18px;accent-color:var(--z-primary);flex:none}
.za-submit{width:100%;padding:13px;font-size:1.02rem;border-radius:12px;margin-top:4px}
.za-switch{text-align:center;color:var(--z-muted);margin:4px 0 0;font-size:.92rem}
.za-switch a{font-weight:700;text-decoration:none}
.za-err{background:var(--z-bad-soft);color:var(--z-bad);border-radius:12px;padding:10px 14px;margin-bottom:12px;font-weight:600;font-size:.92rem}
.za-hp{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
@media(max-width:820px){.za-wrap{grid-template-columns:1fr;border-radius:16px}.za-side{padding:24px 22px}.za-side h1{font-size:1.5rem}.za-list{gap:8px}.za-ayah{display:none}.za-card{padding:22px 18px}}
.za-gender{border:0;margin:0;padding:0}
.za-seg{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.za-seg label{position:relative;cursor:pointer}
.za-seg input{position:absolute;opacity:0;inset:0;cursor:pointer}
.za-seg b{display:block;text-align:center;padding:10px;border:1.5px solid var(--z-border);border-radius:12px;background:var(--z-bg);font-weight:600}
.za-seg input:checked+b{border-color:var(--z-primary);background:var(--z-soft);color:var(--z-primary)}
.za-seg input:focus-visible+b{outline:2px solid var(--z-accent);outline-offset:2px}
.za-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:480px){.za-row2{grid-template-columns:1fr}}
.za-wrap.za-single{grid-template-columns:1fr;max-width:560px}
.za-captcha{display:flex;justify-content:center;min-height:78px}.za-captcha br{display:none}