:root { font-family: Inter, "Segoe UI", Arial, sans-serif; color:#14213d; background:#f4f7fb; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:linear-gradient(180deg,#eef4ff 0,#f8fafc 45%,#eef2f7 100%); }
.shell { width:min(760px,calc(100% - 28px)); margin:40px auto; display:grid; gap:18px; }
.card { background:#fff; border:1px solid #e4eaf2; border-radius:22px; padding:26px; box-shadow:0 18px 45px rgba(32,52,79,.08); }
.brand-card { text-align:center; background:linear-gradient(135deg,#0e2245,#183b72); color:white; }
.eyebrow { font-weight:800; letter-spacing:.18em; opacity:.76; font-size:13px; }
h1 { margin:10px 0 8px; font-size:34px; }
h2 { margin-top:0; }
.brand-card p { margin:0; color:#dce8ff; }
form { display:grid; gap:18px; }
label { display:grid; gap:8px; font-weight:700; }
input, select { width:100%; padding:13px 14px; border-radius:12px; border:1px solid #cfd9e8; font:inherit; background:#fbfdff; outline:none; }
input:focus, select:focus { border-color:#2c68d7; box-shadow:0 0 0 3px rgba(44,104,215,.12); }
.mono { direction:ltr; text-align:center; font-family:Consolas,monospace; letter-spacing:.06em; text-transform:uppercase; }
.plans { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.plan { text-align:right; border:1px solid #d8e0eb; background:#fff; padding:16px; border-radius:15px; cursor:pointer; color:#213452; }
.plan strong,.plan span { display:block; }
.plan span { margin-top:7px; color:#65758c; font-size:13px; line-height:1.45; }
.plan.active { border-color:#2d67d1; background:#f1f6ff; box-shadow:inset 0 0 0 1px #2d67d1; }
.summary { background:#f6f8fc; border-radius:15px; padding:4px 16px; }
.summary div { display:flex; align-items:center; justify-content:space-between; padding:12px 0; border-bottom:1px solid #e4eaf2; }
.summary div:last-child { border-bottom:0; }
.summary span { color:#68778c; }
.primary,.secondary { border:0; border-radius:13px; padding:14px 18px; font:inherit; font-weight:800; cursor:pointer; }
.primary { background:#245fca; color:#fff; }
.primary:hover { background:#1d51ad; }
.secondary { background:#edf1f6; color:#253650; }
.fineprint { margin:0; color:#7a8799; font-size:13px; text-align:center; }
.hidden { display:none !important; }
.success { text-align:center; }
.check { width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:#e8f8ef;color:#17844b;font-size:34px;font-weight:900; }
.error { border-color:#f0c8cc; }
.notice { padding:12px 14px; background:#fff6df; border:1px solid #eed18c; border-radius:12px; color:#705716; }
#nedarimFrame { width:100%; min-height:330px; border:1px solid #dbe3ef; border-radius:14px; background:#fafcff; }
.codebox { margin-top:10px; direction:ltr; text-align:left; font-family:Consolas,monospace; font-size:12px; background:#f3f5f8; padding:9px; border-radius:9px; overflow:auto; }
@media (max-width:640px){ .shell{margin:18px auto}.card{padding:19px}.plans{grid-template-columns:1fr} h1{font-size:28px} }

.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:640px){.two-cols{grid-template-columns:1fr}}
.muted { color:#6e7d92; line-height:1.6; }
.admin-shell { max-width:680px; }
.text-link { color:#245fca; font-weight:800; text-decoration:none; }
.text-link:hover { text-decoration:underline; }