/* SimplB Learn: registration popup + end-of-course share panel.
   Relies on the site tokens in styles.css (--teal, --btc, --black, --grey, --line, --sans, --mono). */

.lr-backdrop{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;
  padding:16px;background:rgba(0,0,0,.72);backdrop-filter:blur(6px)}
.lr-backdrop.open{display:flex;animation:lr-fade .18s ease-out}
@keyframes lr-fade{from{opacity:0}to{opacity:1}}

.lr-modal{position:relative;width:100%;max-width:460px;max-height:calc(100vh - 32px);overflow:auto;
  background:#0a0b0d;border:1px solid var(--line-teal,rgba(32,192,194,.28));border-radius:18px;
  padding:34px 30px 26px;color:#fff;font-family:var(--sans);box-shadow:0 30px 80px rgba(0,0,0,.6)}
.lr-modal::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;border-radius:18px 18px 0 0;
  background:linear-gradient(90deg,var(--teal,#20c0c2),var(--btc,#f69b26))}

.lr-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:0;border-radius:50%;
  background:transparent;color:var(--grey,#b3bcbf);font-size:22px;line-height:1;cursor:pointer}
.lr-close:hover,.lr-close:focus-visible{background:rgba(255,255,255,.08);color:#fff}

.lr-kicker{display:inline-block;font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;
  color:#0a0b0d;background:var(--btc,#f69b26);border-radius:99px;padding:4px 11px;margin-bottom:14px}
.lr-modal h2{font-size:1.55rem;line-height:1.2;font-weight:800;margin:0 0 10px}
.lr-lede{color:#d4d9db;font-size:.93rem;line-height:1.6;margin:0 0 20px}
.lr-lede strong{color:#fff}

.lr-field{margin-bottom:14px}
.lr-field label{display:block;font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--grey,#b3bcbf);margin-bottom:6px}
.lr-field input{width:100%;box-sizing:border-box;padding:13px 14px;font:inherit;font-size:1rem;color:#fff;
  background:#15171a;border:1px solid rgba(255,255,255,.14);border-radius:10px}
.lr-field input:focus{outline:none;border-color:var(--teal,#20c0c2);box-shadow:0 0 0 3px rgba(32,192,194,.18)}
.lr-field input[aria-invalid="true"]{border-color:#e5484d}

.lr-check{display:flex;gap:10px;align-items:flex-start;margin:12px 0;font-size:.84rem;line-height:1.5;color:#d4d9db}
.lr-check input{flex:none;width:18px;height:18px;margin-top:2px;accent-color:var(--teal,#20c0c2)}
.lr-check a{color:var(--teal,#20c0c2)}

.lr-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.lr-submit{width:100%;margin-top:8px;padding:14px 18px;border:0;border-radius:10px;cursor:pointer;
  font:inherit;font-weight:700;font-size:1rem;color:#0a0b0d;background:var(--teal,#20c0c2);transition:.15s}
.lr-submit:hover{filter:brightness(1.08)}
.lr-submit[disabled]{opacity:.6;cursor:wait}

.lr-error{display:none;margin:10px 0 0;font-size:.85rem;color:#ff8a8d}
.lr-error.show{display:block}
.lr-fine{margin:16px 0 0;font-size:.74rem;line-height:1.5;color:#8a9398;text-align:center}

.lr-done{display:none;text-align:center;padding:10px 0 4px}
.lr-modal.sent form,.lr-modal.sent .lr-intro{display:none}
.lr-modal.sent .lr-done{display:block}
.lr-done .lr-icon{width:58px;height:58px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;
  background:rgba(32,192,194,.12);color:var(--teal,#20c0c2);font-size:28px}

/* ---------- End-of-course share panel ---------- */
.ls-panel{border:1px solid var(--line-btc,rgba(246,155,38,.42));border-radius:18px;padding:28px;
  background:linear-gradient(160deg,rgba(246,155,38,.08),rgba(32,192,194,.05) 60%,transparent);font-family:var(--sans);color:#fff}
.ls-panel h3{margin:0 0 6px;font-size:1.35rem;font-weight:800}
.ls-panel p{margin:0 0 18px;color:#d4d9db;font-size:.93rem;line-height:1.6}
.ls-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;align-items:start}
.ls-card{width:100%;height:auto;border-radius:10px;border:1px solid rgba(255,255,255,.1);display:block}
.ls-msg{font-size:.9rem;line-height:1.55;background:#15171a;border:1px solid rgba(255,255,255,.12);
  border-radius:10px;padding:12px 14px;margin-bottom:14px;color:#fff}
.ls-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ls-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:10px;
  font-weight:700;font-size:.9rem;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.16);
  background:#15171a;cursor:pointer;font-family:inherit;transition:.15s}
.ls-btn:hover{border-color:var(--teal,#20c0c2)}
.ls-btn svg{width:18px;height:18px;fill:currentColor}
.ls-btn.li:hover{background:#0a66c2;border-color:#0a66c2}
.ls-btn.wa:hover{background:#1f9d55;border-color:#1f9d55}
.ls-btn.x:hover{background:#000;border-color:#fff}
.ls-btn.fb:hover{background:#1877f2;border-color:#1877f2}
.ls-note{min-height:1.3em;margin-top:10px;font-size:.8rem;color:var(--teal,#20c0c2)}
@media(max-width:720px){.ls-grid{grid-template-columns:1fr}.ls-panel{padding:22px}}