:root{--brand:#4f46e5;--brand-dark:#4338ca;--bg:#f5f6fa;--text:#1f2937;--muted:#6b7280;--border:#d1d5db}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Cairo,system-ui,sans-serif}.page{justify-content:center;align-items:flex-start;min-height:100vh;padding:24px 16px;display:flex}.card{background:#fff;border-radius:16px;width:100%;max-width:440px;padding:28px 22px;position:relative;box-shadow:0 4px 24px #00000014}.lang{top:14px;border:1px solid var(--border);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:4px 10px;position:absolute;inset-inline-end:14px}.brand{text-align:center;margin-bottom:16px}.logo{background:var(--brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:30px;font-weight:700;display:inline-flex}.brand h2{margin:8px 0 0;font-size:18px}h1{text-align:center;margin:8px 0 20px;font-size:22px}label{margin-bottom:6px;font-size:14px;font-weight:600;display:block}.field{margin-bottom:16px}input,select{border:1px solid var(--border);width:100%;height:46px;font:inherit;background:#fff;border-radius:10px;padding:0 12px}input:focus,select:focus{outline:2px solid var(--brand);border-color:#0000}.phone{direction:ltr;gap:8px;display:flex}.phone select{flex:none;width:120px}.phone input{text-align:left;flex:1}.btn{background:var(--brand);color:#fff;width:100%;height:48px;font:inherit;cursor:pointer;border:0;border-radius:10px;font-size:16px;font-weight:700}.btn:hover{background:var(--brand-dark)}.consent{color:var(--muted);text-align:center;margin:14px 0 0;font-size:12px}.consent a{color:var(--brand)}.notice{color:#065f46;text-align:center;background:#ecfdf5;border-radius:10px;margin-top:16px;padding:12px;font-size:14px}.notice.error{color:#991b1b;background:#fef2f2}.notice.loading{color:#374151;background:#f3f4f6}.notice .retry{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;margin-inline-start:6px;text-decoration:underline}.program{text-align:center;color:#6b7280;margin:-4px 0 8px;font-size:14px}.btn:disabled{opacity:.6;cursor:not-allowed}.code-input{text-align:center;letter-spacing:.5em;font-size:22px;font-weight:700}.btn.secondary{color:var(--brand);border:1px solid var(--brand);background:0 0;margin-top:10px}.btn.secondary:hover:not(:disabled){background:#f3f4f6}.consent .retry{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;text-decoration:underline}