/* Talentapros enrolment nudges (Nov 2026): one calm card after scrolling + one "before you go" pop-up per visit. */
.tn-card{position:fixed;right:20px;bottom:20px;z-index:60;width:340px;max-width:calc(100vw - 32px);background:#0E1B3D;color:#fff;border-radius:18px;padding:18px 18px 16px;box-shadow:0 24px 50px -16px rgba(14,27,61,.6);font-family:"Manrope",system-ui,sans-serif;transform:translateY(150%);transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.tn-card.on{transform:none}
.tn-card .tn-t{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#9BE7CF}
.tn-card .tn-t i{width:8px;height:8px;border-radius:50%;background:#12B886;box-shadow:0 0 0 3px rgba(18,184,134,.3)}
.tn-card b{display:block;font-size:16px;line-height:1.3;margin:6px 28px 4px 0}
.tn-card p{margin:0 0 14px;font-size:13px;color:#B7C0D8;line-height:1.45}
.tn-acts{display:flex;gap:8px}
.tn-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font:800 14px/1 "Manrope",system-ui,sans-serif;padding:12px 14px;border-radius:12px;text-decoration:none;border:0;cursor:pointer;white-space:nowrap}
.tn-btn.p{flex:1;background:#12B886;color:#fff}
.tn-btn.p:hover{background:#0E9A70}
.tn-btn.w{background:#1F2D52;color:#fff}
.tn-btn.w svg{width:18px;height:18px;color:#25D366}
.tn-x{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#fff;font-size:18px;line-height:1;cursor:pointer}
.tn-x:hover{background:rgba(255,255,255,.2)}
.tn-dlg{border:0;padding:0;border-radius:24px;max-width:460px;width:calc(100% - 32px);overflow:hidden;box-shadow:0 40px 90px -20px rgba(0,0,0,.5);font-family:"Manrope",system-ui,sans-serif;color:#172033}
.tn-dlg::backdrop{background:rgba(14,27,61,.55);backdrop-filter:blur(3px)}
.tn-dlg[open]{animation:tnPop .35s cubic-bezier(.2,.9,.3,1.15)}
@keyframes tnPop{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
.tn-top{background:radial-gradient(120% 100% at 50% 0%,#1FD39B,#12B886 50%,#0A7F5C);color:#fff;padding:28px 28px 22px;text-align:center;position:relative}
.tn-top .tn-x{background:rgba(255,255,255,.2)}
.tn-top small{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:rgba(255,255,255,.2);padding:4px 10px;border-radius:99px}
.tn-top h2{margin:12px 0 6px;font-size:26px;line-height:1.15;letter-spacing:-.02em}
.tn-top p{margin:0;font-size:15px;opacity:.95}
.tn-body{padding:20px 26px 24px}
.tn-list{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:8px;font-size:14.5px;font-weight:600}
.tn-list li{display:flex;gap:10px;align-items:center}
.tn-list li::before{content:"✓";width:20px;height:20px;border-radius:50%;background:#E7F8F1;color:#0E9A70;display:grid;place-items:center;font-size:11px;font-weight:800;flex:none}
.tn-body .tn-acts{flex-direction:column}
.tn-body .tn-btn{padding:15px;font-size:15px}
.tn-body .tn-btn.w{background:#fff;color:#128C4A;border:1.5px solid #CDEFE2}
.tn-fine{margin:12px 0 0;text-align:center;font-size:12.5px;color:#596579}
@media (max-width:600px){.tn-card{display:none}}
@media (prefers-reduced-motion:reduce){.tn-card{transition:none}.tn-dlg[open]{animation:none}}

/* WhatsApp Channel strip + links */
.tn-ch{background:#E9FBF0;border-top:1px solid #CDEFE2;border-bottom:1px solid #CDEFE2;font-family:"Manrope",system-ui,sans-serif}
.tn-ch-in{max-width:1180px;margin:0 auto;padding:18px 20px;display:flex;align-items:center;gap:16px;color:#172033}
.tn-ch-ic{width:46px;height:46px;border-radius:14px;background:#25D366;display:grid;place-items:center;flex:none}
.tn-ch-ic svg{width:26px;height:26px;color:#fff}
.tn-ch-in b{display:block;font-size:17px}
.tn-ch-in span{font-size:14px;color:#3A4666}
.tn-ch-in>div{flex:1}
.tn-btn.ch{background:#25D366;color:#fff;flex:none}
.tn-btn.ch:hover{background:#1EBE5A}
.tn-chl{display:block;margin-top:10px;font-size:12.5px;font-weight:700;color:#128C4A!important;text-decoration:none}
.tn-fine a{color:#128C4A;font-weight:800}
@media(max-width:640px){.tn-ch-in{flex-wrap:wrap}.tn-btn.ch{width:100%}}