/* «حلّل درجاتك» — activation-code gate + blocked page (mockup 2026-10-18). Same rules live in analyse/gate.blade.php. */
.gate{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;max-width:980px;margin:10px auto 0}
.gate .card{padding:20px}
.gate h1{margin-bottom:6px}
.gate p.lead{color:var(--ink2);font-size:14px;margin:0 0 14px}
.gate .fld{margin-top:12px}
.gate .code{letter-spacing:4px;font-weight:800;font-size:18px;text-transform:uppercase;text-align:center}
.gate .hint{font-size:11.5px;color:var(--ink3);margin-top:3px}
.gate .go{margin-top:16px}
.gate .tries{margin-top:10px;border-radius:9px;background:var(--warn-soft);border:1px solid #F5D9A8;color:#8A4B00;font-size:12.5px;padding:8px 11px}
.gate .req{background:var(--tint);border-color:#CFE0E5}
.gate .req h2{font-size:16px}
.gate .req .trial-form{grid-template-columns:1fr 1fr}
.gate .req .trial-form .full{grid-column:1/-1}
.gate .staff{font-size:12.5px;color:var(--ink2);margin-top:12px;border-top:1px dashed var(--line);padding-top:10px}
.blocked{max-width:560px;margin:30px auto 0;text-align:center;padding:26px 20px}
.blocked .ic{font-size:40px;line-height:1}
.blocked h1{margin:10px 0 6px;color:#9B1C1C}
.blocked p{color:var(--ink2);margin:0 0 14px}
.blocked .contact{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
@media (max-width:760px){.gate{grid-template-columns:1fr}.gate .req .trial-form{grid-template-columns:1fr}}
/* v2 (2026-10-18): plans + required phone with a country picker + «free analysis used / subscription ended» notice */
.gate .plans{display:grid;gap:8px;margin:0 0 14px}
.gate .plan{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px;display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.gate .plan b{color:var(--brand);font-size:14px}
.gate .plan span{color:var(--ink3);font-size:12px}
.gate .plan.main{border-color:var(--accent);box-shadow:0 0 0 2px #FDE3C1 inset}
.gate .plan.main b{color:#B45F06}
.gate .notice{border-radius:10px;background:var(--accent-soft);border:1px solid #F5C98A;color:#7A3E00;font-weight:700;font-size:13.5px;padding:10px 12px;margin:0 0 12px}
.gate .tel{display:flex;gap:6px}
.gate .tel select{flex:0 0 118px}
.gate .tel input{flex:1}

/* v3 (2026-10-18): a new user of a code — name + real phone once; the school name is LOCKED on the code */
.gate .lockbox{display:flex;gap:8px;align-items:flex-start;border-radius:10px;background:var(--tint);border:1px solid #CFE0E5;color:var(--brand);font-size:13px;padding:9px 12px;margin:0 0 12px}
.gate .lockbox b{font-weight:800}
.gate .ro{background:var(--bg);color:var(--ink2)}

/* v4 (2026-10-18 «موافق نفذ التوصيات»): Basic vs Pro side by side + founders + the EduTrackPro whole-school line */
.plans2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 10px}
.pcard{position:relative;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 14px}
.pcard h3{margin:0;font-size:16px;color:var(--brand)}
.pcard .price{margin:2px 0 6px;color:var(--ink2);font-size:12.5px}
.pcard .price b{font-size:24px;color:var(--brand);font-weight:800}
.pcard ul{list-style:none;margin:0;padding:0;font-size:12.5px;color:var(--ink)}
.pcard li{padding:2px 0;padding-inline-start:18px;position:relative}
.pcard li:before{content:"✓";position:absolute;inset-inline-start:0;color:var(--ok);font-weight:800}
.pcard li.soon{color:var(--ink3)}
.pcard li.soon:before{content:"…";color:var(--ink3)}
.pcard.pro{border-color:var(--accent);box-shadow:0 0 0 2px #FDE3C1 inset}
.pcard.pro h3,.pcard.pro .price b{color:#B45F06}
.pcard .ptag{position:absolute;top:-9px;inset-inline-end:10px;background:var(--accent);color:#fff;border-radius:999px;font-size:10.5px;font-weight:800;padding:2px 9px}
.pcard .founders{margin-top:8px;border-radius:8px;background:var(--accent-soft);border:1px dashed #F5C98A;color:#7A3E00;font-size:12px;padding:6px 9px}
.plans-more{list-style:none;margin:0 0 6px;padding:0;font-size:12.5px;color:var(--ink2)}
.plans-more li{padding:2px 0}
.plans-more b{color:var(--brand)}
.gate .vat{font-size:11.5px;color:var(--ink3);margin:0 0 6px}
.school-cta{display:block;border-radius:10px;background:#fff;border:1px solid #CFE0E5;color:var(--brand);font-weight:800;font-size:13px;padding:8px 12px;text-decoration:none;margin:0 0 12px}
.school-cta:hover{border-color:var(--brand2)}
@media (max-width:520px){.plans2{grid-template-columns:1fr}}