/* Talenta Pros — accounts, checkout and secure video */
.tp-modal-back{position:fixed;inset:0;background:rgba(7,13,30,.55);z-index:80;display:grid;place-items:center;padding:16px}
.tp-modal{background:var(--surface);color:var(--ink);border-radius:18px;box-shadow:0 30px 80px -20px rgba(0,0,0,.5);width:100%;max-width:420px;padding:28px;position:relative}
.tp-modal h3{font:800 22px var(--display);margin:0 0 6px}
.tp-modal p{color:var(--muted);font-size:14.5px;margin:0 0 16px}
.tp-modal label{display:block;font:600 13px var(--body);margin:0 0 6px}
.tp-modal input{width:100%;font:500 16px var(--body);padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);margin-bottom:14px}
.tp-modal input.code{letter-spacing:.4em;text-align:center;font-weight:700}
.tp-modal .btn{width:100%;justify-content:center}
.tp-modal .btn[disabled]{opacity:.6;cursor:wait}
.tp-x{position:absolute;top:14px;right:14px;background:none;border:none;font-size:22px;line-height:1;color:var(--muted);cursor:pointer;padding:6px;border-radius:8px}
.tp-x:hover{background:var(--surface-2)}
.tp-err{color:var(--bad);font-size:13.5px;margin:-6px 0 12px;min-height:1em}
.tp-link{background:none;border:none;color:var(--navy);font:600 13.5px var(--body);text-decoration:underline;cursor:pointer;padding:0;margin-top:12px}
.tp-acct{display:flex;flex-direction:column;gap:10px;margin:8px 0 18px}
.tp-acct div{display:flex;justify-content:space-between;gap:12px;font-size:14.5px;border-bottom:1px solid var(--line);padding-bottom:8px}
.tp-acct span{color:var(--muted)}
.tp-row{display:flex;gap:10px}
.tp-row .btn{flex:1}
.video.live{display:block;background:#0B1430;position:relative}
.video.live iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.v-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px;color:#E9ECF5}
.v-state b{font:700 18px var(--display)}
.v-state span{color:#B7C0D8;font-size:14px;max-width:420px}
.v-state .tp-row{max-width:360px;width:100%}
.v-lang{position:absolute;top:10px;right:10px;z-index:2;font:600 13px var(--body);padding:6px 8px;border-radius:8px;border:none;background:rgba(5,10,25,.8);color:#fff}
.spin{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.2);border-top-color:var(--gold);animation:tpspin 1s linear infinite}
@keyframes tpspin{to{transform:rotate(360deg)}}
.tp-row .btn{padding:12px 14px;white-space:nowrap}