@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&display=swap');
.kntc-wrap{max-width:1000px;margin:0 auto;font-family:-apple-system,"Segoe UI",Roboto,sans-serif;color:#1a2233}
.kntc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}
.kntc-card{background:#fff;border:1px solid #e3e8f0;border-radius:14px;padding:20px 22px;margin-bottom:16px;box-shadow:0 2px 10px -6px rgba(20,40,80,.15)}
.kntc-hl{background:linear-gradient(135deg,#0a5c5b,#0e7c7b);color:#fff;border:none}
.kntc-hl .kntc-label,.kntc-hl .kntc-sub{color:#d7f0ef}
.kntc-label{font-size:13px;color:#6b7488;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}
.kntc-big{font-size:30px;font-weight:800;line-height:1.1}
.kntc-big2{font-size:24px;font-weight:800;line-height:1.1}
.kntc-sub{font-size:13px;color:#7a8296;margin-top:6px}
.kntc-alert{background:#e8f5e9;border:1px solid #a5d6a7;color:#1b5e20;padding:12px 16px;border-radius:10px;margin-bottom:16px;font-size:14px}
.kntc-tier-dong{color:#b08d57}.kntc-tier-bac{color:#8895a7}.kntc-tier-vang{color:#d4a017}.kntc-tier-kim_cuong{color:#2e5fa3}
.kntc-hl .kntc-tier-dong,.kntc-hl .kntc-tier-bac,.kntc-hl .kntc-tier-vang,.kntc-hl .kntc-tier-kim_cuong{color:#fff}
.kntc-bar{height:12px;background:#eef1f6;border-radius:100px;overflow:hidden;margin:6px 0}
.kntc-bar span{display:block;height:100%;background:linear-gradient(90deg,#0e7c7b,#e8a020);border-radius:100px}
.kntc-reflink{display:flex;gap:8px;margin:4px 0}
.kntc-reflink input{flex:1;padding:11px 14px;border:1px solid #d5dbe6;border-radius:10px;font-size:14px;background:#f8fafc}
.kntc-reflink button{padding:11px 20px;background:#0a5c5b;color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer}
.kntc-points{display:flex;gap:14px;flex-wrap:wrap;margin:4px 0}
.kntc-pt{flex:1;min-width:110px;background:#f7f9fc;border:1px solid #e6ebf3;border-radius:12px;padding:14px;text-align:center}
.kntc-pt span{display:inline-block;font-size:11px;font-weight:800;color:#0a5c5b;background:#d7f0ef;padding:2px 10px;border-radius:100px}
.kntc-pt b{display:block;font-size:26px;margin:6px 0 0}
.kntc-pt small{color:#7a8296;font-size:12px}
.kntc-note{font-size:12.5px;color:#9aa2b1;margin-top:10px;font-style:italic}
.kntc-table{width:100%;border-collapse:collapse;font-size:14px}
.kntc-table th{text-align:left;padding:10px 8px;border-bottom:2px solid #eef1f6;color:#6b7488;font-size:12px;text-transform:uppercase}
.kntc-table td{padding:10px 8px;border-bottom:1px solid #f0f3f8}
.kntc-st{font-size:12px;font-weight:700;padding:3px 10px;border-radius:100px}
.kntc-st-pending{background:#fff3e0;color:#b87510}
.kntc-st-approved{background:#e8f5e9;color:#1e6b34}
.kntc-st-paid{background:#e3f2fd;color:#1565c0}
.kntc-st-cancelled{background:#ffebee;color:#9c1f1f}
.kntc-payout{display:flex;flex-direction:column;gap:10px;max-width:420px}
.kntc-payout input,.kntc-payout select,.kntc-payout textarea{padding:11px 14px;border:1px solid #d5dbe6;border-radius:10px;font-size:14px}
.kntc-payout button{padding:12px;background:#e8a020;color:#1a2233;border:none;border-radius:10px;font-weight:800;cursor:pointer}
.kntc-qr-wrap{display:flex;gap:20px;align-items:center;margin-top:16px;padding-top:16px;border-top:1px dashed #e3e8f0;flex-wrap:wrap}
#kntc-qr{flex-shrink:0;padding:10px;background:#fff;border:1px solid #e6ebf3;border-radius:12px;line-height:0}
#kntc-qr img,#kntc-qr canvas{display:block;border-radius:6px}
.kntc-qr-side{flex:1;min-width:200px}
.kntc-qr-title{font-weight:800;font-size:15px;margin-bottom:4px;color:#0a5c5b}
.kntc-qr-dl{margin-top:10px;padding:9px 18px;background:#0a5c5b;color:#fff;border:none;border-radius:9px;font-weight:700;cursor:pointer}

/* ---- Trang đăng ký ---- */
.kntc-reg-wrap{min-height:88vh;display:flex;align-items:center;justify-content:center;padding:40px 16px;font-family:-apple-system,"Segoe UI",Roboto,sans-serif;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 45%,#0891b2 120%);position:relative;overflow:hidden}
.kntc-reg-wrap::before{content:"";position:absolute;width:480px;height:480px;top:-160px;right:-120px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(34,211,238,.35),rgba(8,145,178,.15) 60%,transparent 75%);filter:blur(10px)}
.kntc-reg-wrap::after{content:"";position:absolute;width:420px;height:420px;bottom:-160px;left:-120px;border-radius:50%;background:radial-gradient(circle at 60% 60%,rgba(232,160,32,.28),transparent 70%);filter:blur(12px)}
.kntc-reg-card{position:relative;z-index:2;width:100%;max-width:440px;background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.6);border-radius:22px;padding:36px 32px;box-shadow:0 32px 80px -24px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08),0 0 40px rgba(34,211,238,.15)}
.kntc-reg-head{text-align:center;margin-bottom:20px}
.kntc-reg-badge{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#0a5c5b;background:#d7f0ef;padding:6px 14px;border-radius:100px}
.kntc-reg-head h2{font-size:26px;font-weight:800;margin:14px 0 6px;color:#14213d}
.kntc-reg-head p{font-size:14px;color:#6b7488;margin:0}
.kntc-reg-sponsor{background:#f0f9f4;border:1px solid #bfe3cd;color:#1e6b34;font-size:13.5px;padding:10px 14px;border-radius:10px;text-align:center;margin-bottom:16px}
.kntc-reg-err{background:#fdecea;border:1px solid #f5b7b1;color:#9c1f1f;font-size:13.5px;padding:12px 14px;border-radius:10px;margin-bottom:16px;line-height:1.7}
.kntc-reg-form{display:flex;flex-direction:column;gap:14px}
.kntc-reg-form label{font-size:13px;font-weight:700;color:#3a4256;display:flex;flex-direction:column;gap:6px}
.kntc-reg-form input{padding:13px 15px;border:1.5px solid #d5dbe6;border-radius:11px;font-size:15px;font-weight:400;transition:border-color .15s,box-shadow .15s}
.kntc-reg-form input:focus{outline:none;border-color:#0e7c7b;box-shadow:0 0 0 3px rgba(14,124,123,.15)}
.kntc-reg-btn{display:block;text-align:center;text-decoration:none;margin-top:4px;padding:14px;background:linear-gradient(135deg,#0a5c5b,#0e7c7b);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:800;cursor:pointer;transition:transform .15s,box-shadow .15s}
.kntc-reg-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px -12px rgba(10,92,91,.7);color:#fff}
.kntc-reg-foot{text-align:center;margin-top:18px;font-size:14px;color:#6b7488}
.kntc-reg-foot a{color:#0a5c5b;font-weight:700;text-decoration:none}
.kntc-reg-legal{margin-top:16px;font-size:12px;color:#9aa2b1;text-align:center;line-height:1.6;font-style:italic}
.kntc-reg-done{text-align:center;font-size:16px;color:#1e6b34;font-weight:700;margin-bottom:16px}

/* ================= TRANG CHỦ LANDING ================= */
.kntc-home{font-family:-apple-system,"Segoe UI",Roboto,sans-serif;color:#14213d;line-height:1.6}
.kntc-home .kh-inner{max-width:1080px;margin:0 auto;padding:0 24px}
.kntc-home h1,.kntc-home h2,.kntc-home h3{margin:0}
/* hero */
.kntc-home .kh-hero{padding:80px 0 70px;background:radial-gradient(circle at 82% 12%,rgba(232,160,32,.14),transparent 46%),radial-gradient(circle at 8% 92%,rgba(14,124,123,.13),transparent 46%),#f5f1e8;text-align:center}
.kntc-home .kh-eyebrow{display:inline-block;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#0a5c5b;background:rgba(14,124,123,.09);border:1px solid rgba(14,124,123,.25);padding:7px 16px;border-radius:100px}
.kntc-home .kh-h1{font-size:clamp(32px,5.5vw,54px);font-weight:900;letter-spacing:-.02em;line-height:1.06;margin:22px 0 0}
.kntc-home .kh-hl{color:#0a5c5b;position:relative;white-space:nowrap}
.kntc-home .kh-hl::after{content:"";position:absolute;left:0;right:0;bottom:.05em;height:.3em;background:rgba(232,160,32,.34);z-index:-1;border-radius:3px}
.kntc-home .kh-lead{font-size:clamp(16px,2.1vw,20px);color:#3a4256;max-width:640px;margin:22px auto 0}
.kntc-home .kh-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:34px}
.kntc-home .kh-btn{display:inline-block;text-decoration:none;font-size:16px;font-weight:800;padding:15px 30px;border-radius:12px;transition:transform .15s,box-shadow .15s}
.kntc-home .kh-btn-primary{background:linear-gradient(135deg,#0a5c5b,#0e7c7b);color:#fff;box-shadow:0 10px 24px -10px rgba(10,92,91,.6)}
.kntc-home .kh-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(10,92,91,.7)}
.kntc-home .kh-btn-ghost{background:transparent;color:#14213d;border:1.5px solid #14213d}
.kntc-home .kh-btn-ghost:hover{background:#14213d;color:#f5f1e8}
.kntc-home .kh-trust{display:flex;gap:34px;justify-content:center;flex-wrap:wrap;margin-top:44px;padding-top:28px;border-top:1px dashed #d9d2c3}
.kntc-home .kh-trust-item b{display:block;font-size:22px;font-weight:900;color:#b87510}
.kntc-home .kh-trust-item span{font-size:13.5px;color:#6b6558}
/* sections */
.kntc-home .kh-sec{padding:70px 0}
.kntc-home .kh-alt{background:#faf7f0}
.kntc-home .kh-h2{font-size:clamp(24px,3.6vw,34px);font-weight:900;text-align:center;letter-spacing:-.02em}
.kntc-home .kh-sub{text-align:center;color:#6b6558;font-size:16px;margin:12px 0 0}
.kntc-home .kh-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin-top:40px}
.kntc-home .kh-card{background:#fff;border:1px solid #e7e0d0;border-radius:18px;padding:28px 24px;transition:transform .18s,box-shadow .18s}
.kntc-home .kh-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px -24px rgba(20,33,61,.4)}
.kntc-home .kh-ic{font-size:32px}
.kntc-home .kh-card h3{font-size:19px;font-weight:800;margin:14px 0 8px}
.kntc-home .kh-card p{font-size:14.5px;color:#5a6072;margin:0}
/* steps */
.kntc-home .kh-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:44px}
.kntc-home .kh-step{text-align:center;padding:0 10px}
.kntc-home .kh-num{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:900;color:#fff;background:linear-gradient(135deg,#0e7c7b,#e8a020)}
.kntc-home .kh-step h3{font-size:19px;font-weight:800;margin-bottom:8px}
.kntc-home .kh-step p{font-size:14.5px;color:#5a6072;margin:0}
/* final */
.kntc-home .kh-final{padding:70px 24px;text-align:center;background:linear-gradient(135deg,#0a5c5b,#0e7c7b);color:#fff}
.kntc-home .kh-final h2{font-size:clamp(24px,3.6vw,34px);font-weight:900;letter-spacing:-.02em}
.kntc-home .kh-final p{font-size:17px;color:#cde7e6;margin:14px 0 28px}
.kntc-home .kh-btn-gold{background:#e8a020;color:#14213d}
.kntc-home .kh-btn-gold:hover{background:#fff;transform:translateY(-2px)}

/* ---- OTP ---- */
.kntc-otp-input{text-align:center;letter-spacing:.5em;font-size:26px!important;font-weight:800;font-family:monospace}
.kntc-otp-resend{margin-top:12px;text-align:center}
.kntc-link-btn{background:none;border:none;color:#0a5c5b;font-weight:700;cursor:pointer;font-size:14px;text-decoration:underline}

/* ---- Guest landing (chốt sale) ---- */
.kntc-gl{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:30px 16px;font-family:-apple-system,"Segoe UI",Roboto,sans-serif;background:radial-gradient(circle at 15% 10%,rgba(14,124,123,.10),transparent 45%),radial-gradient(circle at 90% 90%,rgba(232,160,32,.12),transparent 45%)}
.kntc-gl-card{width:100%;max-width:560px;background:#fff;border:1px solid #e3e8f0;border-radius:22px;padding:38px 36px;box-shadow:0 24px 60px -30px rgba(20,40,80,.4);text-align:center}
.kntc-gl-spon{background:#fff7e6;border:1px solid #f0d18a;color:#8a5a00;font-size:14px;padding:11px 16px;border-radius:12px;margin-bottom:20px}
.kntc-gl-title{font-size:26px;font-weight:900;margin:14px 0 10px;color:#14213d}
.kntc-gl-desc{font-size:15px;color:#5a6072;margin:0 auto 24px;max-width:440px}
.kntc-gl-benefits{display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:left;margin-bottom:26px}
.kntc-gl-b{display:flex;gap:12px;align-items:flex-start;background:#f7f9fc;border:1px solid #e6ebf3;border-radius:12px;padding:14px}
.kntc-gl-b span{font-size:22px;flex-shrink:0}
.kntc-gl-b b{display:block;font-size:14.5px;color:#14213d}
.kntc-gl-b small{font-size:12.5px;color:#7a8296;line-height:1.4}
.kntc-gl-cta{display:flex;flex-direction:column;gap:12px;align-items:center}
.kntc-gl-cta .kntc-reg-btn{width:100%;max-width:340px}
.kntc-gl-login{color:#0a5c5b;font-weight:700;text-decoration:none;font-size:14.5px}
.kntc-gl-trust{margin-top:20px;font-size:13px;color:#8a93a5}
@media(max-width:480px){.kntc-gl-benefits{grid-template-columns:1fr}}

/* ---- Welcome banner + tasks ---- */
.kntc-welcome{display:flex;gap:16px;align-items:flex-start;background:linear-gradient(135deg,#0a5c5b,#0e7c7b);color:#fff;border-radius:16px;padding:20px 24px;margin-bottom:16px}
.kntc-welcome-ic{font-size:34px;flex-shrink:0}
.kntc-welcome h3{margin:0 0 4px;font-size:19px;font-weight:800}
.kntc-welcome p{margin:0;font-size:14px;color:#d7f0ef}
.kntc-tasks{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
.kntc-task{background:#fff;border:1px solid #e3e8f0;border-left:4px solid #e8a020;border-radius:10px;padding:13px 16px;font-size:14.5px;color:#3a4256;display:flex;align-items:center;gap:12px}
.kntc-task-n{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:#0a5c5b;color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px}

/* ---- Topbar dashboard ---- */
.kntc-topbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;background:#fff;border:1px solid #e3e8f0;border-radius:14px;padding:14px 20px;margin-bottom:16px}
.kntc-hello{font-size:15px;color:#3a4256}
.kntc-topnav{display:flex;gap:10px}
.kntc-tb-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;border:1.5px solid #d5dbe6;background:#f7f9fc;color:#14213d}
.kntc-tb-btn:hover{background:#eef3fb}
.kntc-tb-logout{border-color:#f0c4b8;background:#fdf0ec;color:#9c1f1f}
.kntc-tb-logout:hover{background:#fbe4dc;color:#9c1f1f}
.kntc-bankwarn{background:#fff7e6;border:1px solid #f0d18a;color:#8a5a00;font-size:14px;padding:12px 16px;border-radius:10px;margin-bottom:16px}
/* ---- Profile form ---- */
.kntc-profile-form{display:flex;flex-direction:column;gap:12px}
.kntc-pf-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kntc-profile-form label{font-size:13px;font-weight:700;color:#3a4256;display:flex;flex-direction:column;gap:6px}
.kntc-profile-form input{padding:11px 14px;border:1.5px solid #d5dbe6;border-radius:10px;font-size:14px;font-weight:400}
.kntc-profile-form input:focus{outline:none;border-color:#0e7c7b;box-shadow:0 0 0 3px rgba(14,124,123,.15)}
.kntc-pf-banktitle{font-weight:800;color:#0a5c5b;margin-top:8px;font-size:15px}
.kntc-pf-bankwarn{background:#fdf0ec;border:1px solid #f0c4b8;color:#9c1f1f;font-size:13px;padding:10px 14px;border-radius:9px}
.kntc-pf-save{align-self:flex-start;padding:12px 26px;background:#0a5c5b;color:#fff;border:none;border-radius:10px;font-weight:800;cursor:pointer;margin-top:4px}
@media(max-width:520px){.kntc-pf-grid{grid-template-columns:1fr}}

/* ---- Topbar avatar & ID ---- */
.kntc-id-block{display:flex;gap:14px;align-items:center}
.kntc-avatar img,.kntc-avatar-img{border-radius:50%;border:2px solid #0e7c7b;display:block}
.kntc-idline{font-size:12.5px;color:#7a8296;margin-top:2px}
.kntc-idline b{color:#3a4256}

/* ---- Trang giới thiệu CTV ---- */
.kntc-intro{min-height:70vh;display:flex;align-items:flex-start;justify-content:center;padding:34px 16px;font-family:-apple-system,"Segoe UI",Roboto,sans-serif;background:radial-gradient(circle at 15% 8%,rgba(14,124,123,.10),transparent 45%),radial-gradient(circle at 90% 92%,rgba(232,160,32,.12),transparent 45%)}
.kntc-intro-card{width:100%;max-width:640px;background:#fff;border:1px solid #e3e8f0;border-radius:22px;padding:36px 34px;box-shadow:0 24px 60px -30px rgba(20,40,80,.4)}
.kntc-intro-head{text-align:center;margin-bottom:22px}
.kntc-intro-ava img{border-radius:50%;border:3px solid #0e7c7b}
.kntc-intro-head h1{font-size:26px;font-weight:900;margin:14px 0 6px;color:#14213d}
.kntc-intro-badge{display:inline-block;font-size:12.5px;font-weight:800;color:#0a5c5b;background:#d7f0ef;padding:6px 14px;border-radius:100px}
.kntc-intro-video{position:relative;padding-top:56.25%;border-radius:14px;overflow:hidden;margin-bottom:18px;background:#000}
.kntc-intro-video iframe{position:absolute;inset:0;width:100%;height:100%}
.kntc-intro-bio{font-size:15px;color:#3a4256;line-height:1.7;background:#f7f9fc;border:1px solid #e6ebf3;border-radius:12px;padding:16px 18px;margin-bottom:18px}
.kntc-intro-offer{border:1.5px dashed #e8a020;border-radius:14px;padding:18px 20px;margin-bottom:20px;background:#fffdf6}
.kntc-intro-offer h3{margin:0 0 10px;font-size:16px;color:#8a5a00}
.kntc-intro-offer ul{margin:0;padding-left:4px;list-style:none}
.kntc-intro-offer li{padding:4px 0;font-size:14.5px;color:#3a4256}
.kntc-intro-cta{width:100%;text-align:center;font-size:17px}

/* ---- Bộ chia sẻ nhanh ---- */
.kntc-share-row{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 12px}
.kntc-share-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:10px;font-size:13.5px;font-weight:700;cursor:pointer;text-decoration:none;border:1.5px solid #d5dbe6;background:#f7f9fc;color:#14213d}
.kntc-share-btn:hover{background:#eef3fb}
.kntc-share-fb{background:#1877f2;border-color:#1877f2;color:#fff}
.kntc-share-fb:hover{background:#145fc4;color:#fff}
.kntc-cap{width:100%;min-height:74px;margin:6px 0;padding:12px 14px;border:1px dashed #c9d6ea;border-radius:10px;font-size:13px;color:#3a4256;background:#fbfcfe;resize:vertical}
/* checkbox điều khoản */
.kntc-terms{flex-direction:row!important;align-items:flex-start;gap:10px!important;font-weight:400!important;font-size:12.5px!important;color:#5a6072!important;line-height:1.6}
.kntc-terms input{margin-top:3px;flex-shrink:0;width:auto!important}

/* ---- Avatar dropdown menu ---- */
.kntc-usermenu{position:relative}
.kntc-um-toggle{display:flex;align-items:center;gap:9px;padding:7px 12px;border-radius:100px;border:1.5px solid #d5dbe6;background:#f7f9fc;cursor:pointer}
.kntc-um-toggle:hover{background:#eef3fb}
.kntc-um-bal{font-weight:800;font-size:14px;color:#0a5c5b}
.kntc-um-ava img{border-radius:50%;display:block}
.kntc-um-caret{color:#7a8296;font-size:11px}
.kntc-um-drop{display:none;position:absolute;right:0;top:115%;width:240px;background:#fff;border:1px solid #e3e8f0;border-radius:14px;box-shadow:0 18px 44px -18px rgba(20,40,80,.45);z-index:999;overflow:hidden}
.kntc-um-drop.open{display:block}
.kntc-um-head{padding:14px 16px;background:linear-gradient(135deg,#0a5c5b,#0e7c7b);color:#d7f0ef;font-size:12.5px}
.kntc-um-head b{color:#fff;font-size:18px}
.kntc-um-drop a{display:block;padding:11px 16px;font-size:14px;color:#14213d;text-decoration:none;border-bottom:1px solid #f0f3f8;font-weight:600}
.kntc-um-drop a:hover{background:#f7f9fc}
.kntc-um-out{color:#9c1f1f!important}
/* ---- Tab nav ---- */
.kntc-tabnav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.kntc-tabbtn{padding:10px 20px;border-radius:100px;border:1.5px solid #d5dbe6;background:#fff;font-size:14px;font-weight:700;color:#5a6072;cursor:pointer}
.kntc-tabbtn:hover{border-color:#0e7c7b;color:#0a5c5b}
.kntc-tabbtn.active{background:#0a5c5b;border-color:#0a5c5b;color:#fff}
/* ---- Thông báo hệ thống ---- */
.kntc-announce{background:linear-gradient(135deg,#fff7e6,#fffdf6);border:1.5px solid #e8a020;border-radius:12px;padding:14px 18px;font-size:14.5px;color:#6a4a00;margin-bottom:16px}

/* ---- Landing page cá nhân ---- */
.kntc-lp{font-family:-apple-system,"Segoe UI",Roboto,sans-serif;color:#14213d}
.kntc-lp-hero{text-align:center;padding:56px 20px 46px;background:radial-gradient(circle at 80% 10%,rgba(232,160,32,.16),transparent 45%),radial-gradient(circle at 10% 90%,rgba(14,124,123,.14),transparent 45%),#f5f1e8}
.kntc-lp-ava img{border-radius:50%;border:4px solid #0e7c7b;box-shadow:0 12px 30px -12px rgba(10,92,91,.5)}
.kntc-lp-name{font-size:24px;font-weight:900;margin-top:14px}
.kntc-lp-badge{display:inline-block;margin-top:8px;font-size:12.5px;font-weight:800;color:#0a5c5b;background:#d7f0ef;padding:6px 16px;border-radius:100px}
.kntc-lp-headline{font-size:clamp(24px,4.5vw,40px);font-weight:900;letter-spacing:-.02em;line-height:1.15;max-width:640px;margin:20px auto 26px}
.kntc-lp-cta{display:inline-block;padding:16px 34px;background:linear-gradient(135deg,#0a5c5b,#0e7c7b);color:#fff;font-size:17px;font-weight:800;text-decoration:none;border-radius:14px;box-shadow:0 12px 28px -10px rgba(10,92,91,.6);transition:transform .15s}
.kntc-lp-cta:hover{transform:translateY(-2px);color:#fff}
.kntc-lp-body{max-width:720px;margin:0 auto;padding:36px 20px 60px}
.kntc-lp-sec{margin-bottom:30px}
.kntc-lp-sectitle{font-size:17px;font-weight:900;color:#0a5c5b;margin-bottom:12px}
.kntc-lp-video{position:relative;padding-top:56.25%;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 16px 40px -18px rgba(20,33,61,.5)}
.kntc-lp-video iframe{position:absolute;inset:0;width:100%;height:100%}
.kntc-lp-bio{background:#fff;border:1px solid #e7e0d0;border-radius:16px;padding:22px 24px;font-size:15.5px;line-height:1.8;color:#3a4256}
.kntc-lp-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.kntc-lp-b{background:#fff;border:1px solid #e7e0d0;border-radius:14px;padding:18px 16px;text-align:center}
.kntc-lp-b span{font-size:28px;display:block;margin-bottom:8px}
.kntc-lp-b b{display:block;font-size:14.5px;margin-bottom:4px}
.kntc-lp-b small{font-size:12.5px;color:#7a8296;line-height:1.5}
.kntc-lp-steps{display:flex;flex-direction:column;gap:10px}
.kntc-lp-step{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e7e0d0;border-left:4px solid #e8a020;border-radius:12px;padding:14px 18px;font-size:15px;font-weight:600}
.kntc-lp-step i{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:#0a5c5b;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:900}
.kntc-lp-final{text-align:center;background:linear-gradient(135deg,#0a5c5b,#0e7c7b);border-radius:20px;padding:38px 24px;color:#fff}
.kntc-lp-fname{font-size:19px;font-weight:800;margin-bottom:18px}
.kntc-lp-final .kntc-lp-cta{background:#e8a020;color:#14213d}
.kntc-lp-legal{margin-top:16px;font-size:12px;color:#cde7e6;font-style:italic}

/* ===== v2.0: màu điểm riêng theo chuẩn spec ===== */
.kntc-pt-sp span{background:#d5f3fa;color:#0077a3}
.kntc-pt-sp b{color:#00b4d8}
.kntc-pt-lp span{background:#eddff9;color:#7b2fbe}
.kntc-pt-lp b{color:#7b2fbe}
.kntc-pt-ap span{background:#fdeecd;color:#b87510}
.kntc-pt-ap b{color:#f9a826}

/* ===== Lộ trình ===== */
.kntc-roadmap{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.kntc-rm{display:flex;align-items:center;gap:14px;padding:13px 16px;border:1px solid #e3e8f0;border-radius:12px;background:#fff}
.kntc-rm-ic{flex-shrink:0;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:16px;background:#f0f2f6;border:2px solid #d5dbe6}
.kntc-rm-done{background:#f2faf5;border-color:#bfe3cd}
.kntc-rm-done .kntc-rm-ic{background:#1e6b34;border-color:#1e6b34;color:#fff;font-weight:900}
.kntc-rm:not(.kntc-rm-done):has(+ .kntc-rm)~.kntc-rm{opacity:.75}
.kntc-rm-body{flex:1}
.kntc-rm-body b{display:block;font-size:14.5px;color:#14213d}
.kntc-rm-body small{font-size:12.5px;color:#7a8296}
.kntc-rm-reward{flex-shrink:0;font-size:11.5px;font-weight:700;color:#8a5a00;background:#fff3d6;border:1px solid #f0d18a;padding:5px 11px;border-radius:100px;white-space:nowrap}
@media(max-width:560px){.kntc-rm{flex-wrap:wrap}.kntc-rm-reward{margin-left:48px}}

/* ===== Bảng xếp hạng ===== */
.kntc-lb-me{background:#e6f7f0!important;outline:2px solid #0e7c7b}
.kntc-lb-me td{font-weight:700}

/* ===== Landing v2 (navy/teal/gold) ===== */
.kntc-lp2 .kntc-lp-hero{background:radial-gradient(circle at 82% 8%,rgba(240,180,41,.22),transparent 45%),radial-gradient(circle at 8% 92%,rgba(0,180,216,.18),transparent 45%),#0a2540;color:#fff}
.kntc-lp2 .kntc-lp-name{color:#fff}
.kntc-lp2 .kntc-lp-badge{background:rgba(0,180,216,.18);color:#7fdcef;border:1px solid rgba(0,180,216,.4)}
.kntc-lp2 .kntc-lp-headline{color:#fff}
.kntc-lp2 .kntc-lp-sub{max-width:560px;margin:0 auto 26px;color:#b9c6d9;font-size:15.5px;line-height:1.7}
.kntc-lp2 .kntc-lp-ava img{border-color:#00b4d8}
.kntc-lp2 .kntc-lp-cta{background:linear-gradient(135deg,#00b4d8,#0096b7);box-shadow:0 12px 28px -10px rgba(0,180,216,.55)}
.kntc-lp2 .kntc-lp-ctagold{background:#f0b429;color:#0a2540}
.kntc-lp-herocta{display:flex;flex-direction:column;gap:12px;align-items:center}
.kntc-lp-login{color:#7fdcef;font-size:14px;text-decoration:underline}
.kntc-lp-login2{display:inline-block;margin-top:14px;color:#cde7e6;font-size:13.5px;text-decoration:underline}
.kntc-lp2 .kntc-lp-sectitle{color:#0a2540}
.kntc-lp2 .kntc-lp-final{background:linear-gradient(135deg,#0a2540,#123a63)}
.kntc-lp-proof{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;background:#fff;border:1.5px dashed #00b4d8;border-radius:16px;padding:20px;margin-bottom:30px}
.kntc-lp-proofitem{text-align:center;min-width:140px}
.kntc-lp-proofitem b{display:block;font-size:26px;font-weight:900;color:#0a2540}
.kntc-lp-proofitem span{font-size:12.5px;color:#7a8296}
.kntc-lp-benefits4{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.kntc-lp-timeline{display:flex;flex-direction:column}
.kntc-lp-tl{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid #e7e0d0;border-radius:14px;padding:16px 18px}
.kntc-lp-tlicon{flex-shrink:0;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:20px;background:linear-gradient(135deg,#00b4d8,#f0b429)}
.kntc-lp-tlbody b{display:block;font-size:15px;color:#0a2540}
.kntc-lp-tlbody small{font-size:13px;color:#7a8296}
.kntc-lp-tlline{width:3px;height:18px;background:linear-gradient(#00b4d8,#f0b429);margin-left:39px;border-radius:2px}
/* fade-up */
.kntc-fade{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease}
.kntc-fade.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.kntc-fade{opacity:1;transform:none;transition:none}}

/* ===== v2.1: Khóa học ===== */
.kntc-course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.kntc-course{position:relative;display:flex;flex-direction:column}
.kntc-course h3{margin:10px 0 8px;font-size:18px}
.kntc-course .kntc-reg-btn{margin-top:auto;text-align:center}
.kntc-course-badge{position:static;display:inline-block;align-self:flex-start;font-size:10.5px;font-weight:800;letter-spacing:.06em;padding:4px 11px;border-radius:100px}
.kntc-cb-free{background:#e6f7f0;color:#1e6b34;border:1px solid #bfe3cd}
.kntc-cb-paid{background:#fff3d6;color:#8a5a00;border:1px solid #f0d18a}
.kntc-course-ex{font-size:13.5px;color:#5a6072;margin-bottom:10px}
.kntc-course-meta{font-size:12.5px;color:#7a8296;margin-bottom:12px}
.kntc-lessons{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.kntc-ls{display:flex;align-items:center;gap:12px;background:#f7f9fc;border:1px solid #e6ebf3;border-radius:11px;padding:11px 14px}
.kntc-ls-done{background:#f2faf5;border-color:#bfe3cd}
.kntc-ls-n{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#fff;border:2px solid #d5dbe6;display:grid;place-items:center;font-weight:800;font-size:13px}
.kntc-ls-done .kntc-ls-n{background:#1e6b34;border-color:#1e6b34;color:#fff}
.kntc-ls-t{flex:1;font-size:14px;font-weight:600}
.kntc-ls-lock{opacity:.6}
/* ===== Nhiệm vụ ===== */
.kntc-task-btn{padding:8px 16px;border-radius:9px;border:none;background:#0a5c5b;color:#fff;font-weight:700;font-size:12.5px;cursor:pointer;white-space:nowrap}
.kntc-task-btn:hover{background:#0e7c7b}
.kntc-task-wait{background:#eef1f6;color:#6b7488}
.kntc-task-done{font-size:11.5px;font-weight:800;color:#1e6b34;background:#e6f7f0;padding:5px 11px;border-radius:100px;white-space:nowrap}
.kntc-task-exp{font-size:11.5px;font-weight:800;color:#9c1f1f;background:#fdf0ec;padding:5px 11px;border-radius:100px;white-space:nowrap}
/* ===== Landing: khóa học ===== */
.kntc-lp-courses{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.kntc-lp-cr{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid #e7e0d0;border-radius:12px;padding:14px 18px}
.kntc-lp-cr b{font-size:15px;color:#0a2540}
.kntc-lp-crbtn{display:inline-block;font-weight:800;color:#0a5c5b;text-decoration:none;font-size:14.5px}
.kntc-course-price{font-size:20px;font-weight:900;color:#0a2540;margin-bottom:8px}
.kntc-course-price del{color:#a5adbd;font-weight:600;font-size:14px;margin-right:6px}
.kntc-cap-btn{margin-top:8px;padding:9px 14px;border-radius:9px;border:1.5px dashed #0e7c7b;background:#f0faf9;color:#0a5c5b;font-weight:700;font-size:12.5px;cursor:pointer;width:100%}
.kntc-cap-btn:hover{background:#e2f4f2}

/* ===== v2.2: Học viện AI ===== */
.kntc-academy{font-family:-apple-system,"Segoe UI",Roboto,sans-serif;color:#14213d}
.kntc-ac-hero{text-align:center;padding:46px 20px 38px;background:radial-gradient(circle at 82% 8%,rgba(232,160,32,.22),transparent 45%),radial-gradient(circle at 8% 92%,rgba(14,124,123,.28),transparent 45%),linear-gradient(160deg,#0a2e2d,#0a3d3c 55%,#0e2540);color:#fff;border-radius:0 0 26px 26px;margin-bottom:26px}
.kntc-ac-eyebrow{font-size:11.5px;font-weight:800;letter-spacing:.18em;color:#7fdcef}
.kntc-ac-hero h1{font-size:clamp(24px,4vw,36px);font-weight:900;letter-spacing:-.02em;margin:12px auto 10px;max-width:640px}
.kntc-ac-hero p{color:#b9c6d9;max-width:560px;margin:0 auto 18px;font-size:15px}
.kntc-ac-chips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.kntc-ac-chips span{font-size:12.5px;font-weight:700;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);padding:7px 14px;border-radius:100px;color:#d7e6f5}
.kntc-ac-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px;max-width:1020px;margin:0 auto;padding:0 16px 40px}
.kntc-ac-card{background:#fff;border:1px solid #e3e8f0;border-radius:18px;padding:22px;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}
.kntc-ac-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px -20px rgba(10,37,64,.35)}
.kntc-ac-paid{border-top:4px solid #e8a020}
.kntc-ac-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.kntc-ac-lv{font-size:11px;font-weight:900;letter-spacing:.12em;color:#0a5c5b;background:#e2f4f2;padding:5px 11px;border-radius:100px}
.kntc-ac-card h3{margin:0 0 10px;font-size:17.5px;line-height:1.35}
.kntc-ac-hook{font-size:13.5px;font-style:italic;color:#5a6072;border-left:3px solid #00b4d8;padding:6px 12px;background:#f6fbfd;border-radius:0 9px 9px 0;margin-bottom:12px}
.kntc-ac-meta{font-size:12.5px;color:#7a8296;margin-bottom:10px}
.kntc-ac-cta{margin-top:auto;text-align:center}
/* Chi tiết khóa */
.kntc-cd-hero{padding:34px 20px 30px;background:linear-gradient(160deg,#0a2e2d,#0a3d3c 55%,#0e2540);color:#fff;border-radius:0 0 26px 26px;margin-bottom:24px;text-align:center}
.kntc-cd-back{display:inline-block;color:#7fdcef;font-size:13px;text-decoration:none;margin-bottom:12px}
.kntc-cd-hero h1{font-size:clamp(22px,3.6vw,32px);font-weight:900;margin:10px auto;max-width:640px}
.kntc-cd-hook{color:#f0b429;font-size:16px;font-weight:700;max-width:560px;margin:0 auto}
.kntc-cd-grid{display:grid;grid-template-columns:1fr 320px;gap:20px;max-width:1020px;margin:0 auto;padding:0 16px 44px;align-items:start}
.kntc-cd-main{display:flex;flex-direction:column;gap:16px}
.kntc-cd-side{position:sticky;top:20px}
.kntc-cd-buy{background:#fff;border:1px solid #e3e8f0;border-top:5px solid #e8a020;border-radius:18px;padding:24px;box-shadow:0 18px 44px -22px rgba(10,37,64,.3)}
.kntc-cd-price{font-size:30px;font-weight:900;color:#0a2540;text-align:center;margin-bottom:14px}
.kntc-cd-price del{color:#a5adbd;font-size:17px;font-weight:600;margin-right:8px}
.kntc-cd-free{color:#1e6b34}
.kntc-cd-ticks{list-style:none;margin:0 0 16px;padding:0}
.kntc-cd-ticks li{font-size:13.5px;color:#3a4256;padding:6px 0;border-bottom:1px dashed #eef1f6}
.kntc-cd-cta{display:block;text-align:center;width:100%}
.kntc-cd-note{margin-top:14px;font-size:11.5px;color:#8a93a5;text-align:center;line-height:1.6}
@media(max-width:860px){.kntc-cd-grid{grid-template-columns:1fr}.kntc-cd-side{position:static}}

/* ===== v2.3: Toggle video/text ===== */
.kntc-lp-switch{display:flex;gap:8px;justify-content:center;margin-bottom:18px}
.kntc-sw-btn{padding:10px 22px;border-radius:100px;border:1.5px solid #d5dbe6;background:#fff;font-size:14px;font-weight:700;color:#5a6072;cursor:pointer;transition:all .18s}
.kntc-sw-btn:hover{border-color:#00b4d8;color:#0a5c5b}
.kntc-sw-btn.active{background:#0a2540;border-color:#0a2540;color:#fff}
.kntc-sw-video,.kntc-sw-text{animation:kntcFadeIn .35s ease}
@keyframes kntcFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ===== v2.3: Benefits gọn ===== */
.kntc-lp-benefits4 .kntc-lp-b{padding:20px 14px;display:flex;flex-direction:column;align-items:center;gap:8px;justify-content:center;min-height:112px}
.kntc-lp-benefits4 .kntc-lp-b span{font-size:30px;margin:0}
.kntc-lp-benefits4 .kntc-lp-b b{font-size:14.5px;text-align:center}

/* ===== v2.3: Lộ trình 3 bước nổi bật ===== */
.kntc-lp-steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative}
.kntc-lp-step3{background:#fff;border:1px solid #e7e0d0;border-radius:16px;padding:24px 18px 20px;text-align:center;position:relative;transition:transform .18s,box-shadow .18s}
.kntc-lp-step3:hover{transform:translateY(-4px);box-shadow:0 18px 40px -20px rgba(10,37,64,.3)}
.kntc-lp-num{width:52px;height:52px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(135deg,#00b4d8,#0a2540);color:#fff;font-size:24px;font-weight:900;display:grid;place-items:center;box-shadow:0 8px 20px -8px rgba(0,180,216,.7)}
.kntc-lp-step3:nth-child(2) .kntc-lp-num{background:linear-gradient(135deg,#0e7c7b,#0a2540)}
.kntc-lp-step3:nth-child(3) .kntc-lp-num{background:linear-gradient(135deg,#f0b429,#e8820a);box-shadow:0 8px 20px -8px rgba(240,180,41,.7)}
.kntc-lp-stbody b{display:block;font-size:15px;color:#0a2540;margin-bottom:4px}
.kntc-lp-stbody small{font-size:12.5px;color:#7a8296;line-height:1.5}
/* connector giữa các bước (desktop) */
.kntc-lp-steps3::before{content:"";position:absolute;top:50px;left:16%;right:16%;height:3px;background:linear-gradient(90deg,#00b4d8,#0e7c7b,#f0b429);z-index:0;border-radius:2px}
.kntc-lp-step3{z-index:1}
@media(max-width:680px){.kntc-lp-steps3{grid-template-columns:1fr;gap:12px}.kntc-lp-steps3::before{display:none}}

/* ===== v2.4: Nút avatar gọn + upload ảnh ===== */
.kntc-um-nm{font-weight:700;font-size:14px;color:#14213d;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kntc-av-row{display:flex;gap:16px;align-items:center;padding:4px 0 14px;border-bottom:1px solid #eef1f6;margin-bottom:14px}
.kntc-av-pic img{border-radius:50%;border:3px solid #0e7c7b;object-fit:cover;width:72px;height:72px}
.kntc-av-btn{display:inline-block;padding:9px 16px;background:#f0faf9;border:1.5px solid #0e7c7b;color:#0a5c5b;border-radius:10px;font-weight:700;font-size:13.5px;cursor:pointer}
.kntc-av-btn:hover{background:#e2f4f2}
.kntc-av-hint{font-size:12px;color:#8a93a5;margin-top:6px}

/* ===== v2.6: Ẩn header/menu của theme trên trang app — cách phủ rộng ===== */
/* Hello theme + Elementor header */
body.kntc-app-page header.site-header,
body.kntc-app-page .site-header,
body.kntc-app-page #masthead,
body.kntc-app-page header#masthead,
body.kntc-app-page .ast-primary-header-bar,
body.kntc-app-page .ast-above-header,
body.kntc-app-page .ast-below-header,
body.kntc-app-page #site-navigation,
body.kntc-app-page .main-navigation,
body.kntc-app-page nav.navigation,
body.kntc-app-page .main-header-menu,
body.kntc-app-page .menu-toggle,
body.kntc-app-page .elementor-location-header,
body.kntc-app-page [data-elementor-type="header"],
body.kntc-app-page .ehf-header,
body.kntc-app-page #ekit-megamenu-primary,
body.kntc-app-page .hfe-nav-menu__wrapper{
  display:none !important;
}
body.kntc-app-page .kntc-wrap{padding-top:18px}

/* ===== v3.0.0: Nâng cấp CTV, hợp đồng, nhân tài ===== */
.kntc-tab-upgrade{background:linear-gradient(90deg,#e8a020,#f0b429)!important;color:#fff!important;font-weight:700}
.kntc-cond-list{list-style:none;padding:0;margin:8px 0}
.kntc-cond-list li{padding:8px 12px;background:#fbf7ee;border-radius:8px;margin-bottom:6px;font-size:14px}
.kntc-contract-box{background:#f7f9fc;border:1px solid #e0e6ef;border-radius:10px;padding:14px 16px;max-height:260px;overflow-y:auto;margin:8px 0;font-size:14px;line-height:1.6}
.kntc-contract-box p{margin:0 0 8px}
.kntc-upgrade-cond{background:#fff;border:1px solid #eef0f4;border-radius:10px;padding:14px;margin-top:12px}
.kntc-tt-star{background:#eef;color:#3c3489}
.kntc-tt-sp{background:#e1f5ee;color:#0f6e56}
.kntc-tt-lp{background:#eeedfe;color:#3c3489}
.kntc-tt-ap{background:#faeeda;color:#854f0b}
.kntc-tt-grow{background:#eaf3de;color:#3b6d11}
@media print{
  .kntc-tabnav,.kntc-topbar,.kntc-usermenu,.kntc-share-row,.kntc-qr-wrap{display:none!important}
  .kntc-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}
}

/* ===== v3.1.0: Hành trình mở khóa, streak, huy hiệu ===== */
.kntc-journey-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;flex-wrap:wrap}
.kntc-streak{text-align:center;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-radius:14px;padding:10px 18px;min-width:96px}
.kntc-streak-num{font-size:26px;font-weight:800;color:#e8730c;line-height:1}
.kntc-streak-lbl{font-size:11px;color:#8a5a2b;margin-top:2px}
.kntc-rm-current{background:#fff8ee!important;border-color:#f0b429!important;box-shadow:0 2px 10px rgba(240,180,41,.18)}
.kntc-rm-lock{opacity:.5}
.kntc-rm-right{display:flex;align-items:center;min-width:120px;justify-content:flex-end;text-align:right}
.kntc-rm-hint{display:block;color:#c47f0a;font-size:11px;margin-top:3px;font-style:italic}
.kntc-claim-btn{background:linear-gradient(90deg,#12b76a,#0e9e5a);color:#fff;border:none;border-radius:10px;padding:8px 14px;font-weight:700;cursor:pointer;font-size:13px;box-shadow:0 3px 8px rgba(18,183,106,.3);transition:transform .15s}
.kntc-claim-btn:hover{transform:translateY(-1px)}
.kntc-badge-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.kntc-badge{display:inline-block;background:linear-gradient(135deg,#eef,#e0e7ff);border:1px solid #c7d2fe;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;color:#3730a3}

/* ===== v3.1.0: Video kỹ năng ===== */
.kntc-video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.kntc-video-item{background:#fff;border:1px solid #eef0f4;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.kntc-video-embed{position:relative;padding-bottom:56.25%;height:0;background:#000}
.kntc-video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.kntc-video-info{padding:12px 14px}
.kntc-video-info b{display:block;font-size:14px;margin-bottom:4px}
.kntc-video-info small{display:block;color:#667085;font-size:12px;margin-bottom:8px}
.kntc-watch-btn{width:100%;background:#eef2ff;color:#4338ca;border:1px solid #c7d2fe;border-radius:10px;padding:8px;font-weight:600;cursor:pointer;transition:all .2s}
.kntc-watch-btn.kntc-watch-ready{background:linear-gradient(90deg,#12b76a,#0e9e5a);color:#fff;border-color:transparent}
.kntc-video-done{display:block;text-align:center;color:#0e9e5a;font-weight:700;padding:8px;background:#e7f8ef;border-radius:10px}

/* ===== v3.1.0: Hiệu ứng ReactBits (CSS thuần) cho trang giới thiệu ===== */
@keyframes kntcAurora{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.kntc-aurora{background:linear-gradient(120deg,#7c3aed,#2563eb,#06b6d4,#7c3aed);background-size:300% 300%;animation:kntcAurora 12s ease infinite}
@keyframes kntcFadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.kntc-reveal{opacity:0;animation:kntcFadeUp .8s ease forwards}
.kntc-reveal-1{animation-delay:.1s}.kntc-reveal-2{animation-delay:.3s}.kntc-reveal-3{animation-delay:.5s}.kntc-reveal-4{animation-delay:.7s}
@keyframes kntcShine{0%{background-position:-200% center}100%{background-position:200% center}}
.kntc-shine{background:linear-gradient(90deg,#fff 20%,#ffe9a8 40%,#fff 60%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:kntcShine 3s linear infinite}
.kntc-glow-btn{position:relative;overflow:hidden}
.kntc-glow-btn::after{content:'';position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);animation:kntcGlowSweep 3s infinite}
@keyframes kntcGlowSweep{0%{left:-75%}100%{left:125%}}
.kntc-tilt{transition:transform .2s ease}
@keyframes kntcCharIn{from{opacity:0;transform:translateY(12px) rotateX(40deg)}to{opacity:1;transform:none}}
.kntc-splitchar{display:inline-block;opacity:0;animation:kntcCharIn .5s ease forwards}
@media (max-width:520px){.kntc-video-grid{grid-template-columns:1fr}.kntc-journey-head{flex-direction:column}}
@media (prefers-reduced-motion:reduce){.kntc-aurora,.kntc-reveal,.kntc-shine,.kntc-glow-btn::after,.kntc-splitchar{animation:none!important;opacity:1!important}}

/* ===== v3.1.0: Nhóm của tôi ===== */
.kntc-team-stats{display:flex;gap:12px;flex-wrap:wrap}
.kntc-team-stat{flex:1;min-width:120px;background:#f7f9fc;border:1px solid #eef0f4;border-radius:12px;padding:14px;text-align:center}
.kntc-team-stat b{display:block;font-size:24px;font-weight:800;color:#0a2540}
.kntc-team-stat span{font-size:12px;color:#667085}

/* ===== v3.2.0: Trung tâm cơ hội trên trang giới thiệu ===== */
.kntc-opp-picker{max-width:980px;margin:28px auto 30px;padding:0 20px;position:relative;z-index:2}
.kntc-opp-picker-title{text-align:center;font-size:18px;font-weight:800;color:#0a2540;margin-bottom:18px}
.kntc-opp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.kntc-opp-card{display:block;background:#fff;border:1px solid #e8ecf3;border-radius:18px;padding:22px 20px;text-decoration:none;box-shadow:0 4px 16px rgba(10,37,64,.07);transition:transform .2s,box-shadow .2s;text-align:center}
.kntc-opp-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(10,37,64,.13)}
.kntc-opp-ic{font-size:34px;margin-bottom:8px}
.kntc-opp-name{font-size:17px;font-weight:800;color:#0a2540;margin-bottom:5px}
.kntc-opp-tag{font-size:13px;color:#667085;min-height:34px;line-height:1.4}
.kntc-opp-go{display:inline-block;margin-top:10px;font-size:13px;font-weight:700;color:#0e7c7b}
.kntc-opp-back{position:absolute;top:18px;left:20px;color:rgba(255,255,255,.9);text-decoration:none;font-size:13px;font-weight:600;background:rgba(0,0,0,.2);padding:6px 12px;border-radius:20px}
.kntc-opp-back:hover{background:rgba(0,0,0,.35)}
.kntc-opp-page .kntc-lp-hero{position:relative}
.kntc-lp-otherlink{text-align:center;margin:26px 0}
.kntc-lp-otherlink a{color:#0e7c7b;font-weight:600;text-decoration:none}

/* Hướng dẫn Amway 6 bước */
.kntc-amw-steps{display:flex;flex-direction:column;gap:12px;margin:16px 0}
.kntc-amw-step{display:flex;gap:14px;background:#f7f9fc;border:1px solid #e8ecf3;border-radius:14px;padding:14px 16px}
.kntc-amw-n{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#0e7c7b,#12b76a);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
.kntc-amw-step b{display:block;color:#0a2540;margin-bottom:3px}
.kntc-amw-step p{margin:0;font-size:13.5px;color:#5a6b85;line-height:1.55}
.kntc-amw-sponsor{background:linear-gradient(135deg,#fff8ee,#fff3e0);border:2px dashed #f0b429;border-radius:16px;padding:18px;text-align:center;margin:20px 0}
.kntc-amw-sponsor-lbl{font-size:13px;color:#8a5a2b;font-weight:600}
.kntc-amw-code{font-size:28px;font-weight:800;letter-spacing:3px;color:#0a2540;margin:8px 0}
.kntc-amw-compliance{background:#fdf6f5;border:1px solid #f0d0cb;border-radius:12px;padding:14px 18px;margin-top:18px}
.kntc-amw-compliance b{color:#9c1f1f}
.kntc-amw-compliance ul{margin:8px 0 0;padding-left:20px}
.kntc-amw-compliance li{font-size:12.5px;color:#6b5a58;margin-bottom:5px;line-height:1.5}
.kntc-lp-finalcta{text-align:center;margin:30px 0}
@media (max-width:560px){.kntc-opp-grid{grid-template-columns:1fr}.kntc-opp-back{position:static;display:inline-block;margin-bottom:12px}}

/* ===== v3.2.0: Dấu (?) hướng dẫn trên dashboard ===== */
.kntc-help{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#0e7c7b;color:#fff;font-size:11px;font-weight:800;cursor:help;margin-left:6px;vertical-align:middle;position:relative;text-transform:none;letter-spacing:0}
.kntc-help:hover::after{content:attr(title);position:absolute;left:50%;top:150%;transform:translateX(-50%);width:270px;background:#14213d;color:#fff;font-size:12.5px;font-weight:400;line-height:1.55;padding:10px 12px;border-radius:8px;z-index:99;box-shadow:0 8px 24px rgba(0,0,0,.25);text-align:left;white-space:normal}

/* ===== v3.2.0: Cài đặt cơ hội (tab CTV) ===== */
.kntc-opp-setup{background:#f9fbfd;border:1px solid #e8ecf3;border-radius:14px;padding:16px 18px;margin-bottom:14px}
.kntc-opp-setup-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.kntc-opp-toggle{display:flex;align-items:center;gap:10px;cursor:pointer}
.kntc-opp-setup-name{font-size:16px;font-weight:700;color:#0a2540}
.kntc-opp-setup-tag{font-size:12.5px;color:#667085}
.kntc-opp-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kntc-opp-fields label{display:block;font-size:13px;font-weight:600;color:#344054}
.kntc-opp-fields input,.kntc-opp-fields textarea,.kntc-opp-fields select{width:100%;margin-top:5px;padding:9px 12px;border:1px solid #d7dce5;border-radius:9px;font-size:14px;font-weight:400}
.kntc-opp-full{grid-column:1/-1}
.kntc-opp-warn{background:#fdf6f5;border:1px solid #f0d0cb;border-radius:10px;padding:10px 14px;margin-top:12px;font-size:12.5px;color:#6b5a58;line-height:1.55}

/* ===== v3.2.0: Trợ lý viết bài ===== */
.kntc-ai-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.kntc-ai-row label{display:block;font-size:13px;font-weight:600;color:#344054}
.kntc-ai-row input,.kntc-ai-row select{width:100%;margin-top:5px;padding:9px 12px;border:1px solid #d7dce5;border-radius:9px;font-size:14px;font-weight:400}
.kntc-ai-btns{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.kntc-ai-real{background:linear-gradient(90deg,#7c3aed,#2563eb)!important;color:#fff!important;border-color:transparent!important}
.kntc-ai-keyform{background:#f7f9fc;border:1px solid #e8ecf3;border-radius:12px;padding:16px}
#kntc-ai-out{min-height:180px;background:#fff}

/* ===== v3.2.0: 2FA ===== */
.kntc-2fa-form{background:#f7f9fc;border:1px solid #e8ecf3;border-radius:12px;padding:14px 16px}
.kntc-linkbtn{background:none;border:none;color:#0e7c7b;font-weight:600;cursor:pointer;text-decoration:underline;font-size:13.5px}
@media (max-width:640px){.kntc-opp-fields,.kntc-ai-row{grid-template-columns:1fr}}

/* ===== v3.2.0: Giao diện dashboard đẹp & ấn tượng hơn ===== */
@keyframes kntcTabIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.kntc-card[data-ktab]{animation:kntcTabIn .35s ease}
.kntc-tabbtn{transition:transform .18s,box-shadow .18s,background .18s}
.kntc-tabbtn:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(10,37,64,.12)}
.kntc-tabbtn.active{box-shadow:0 4px 16px rgba(14,124,123,.32)}
.kntc-card{transition:box-shadow .25s}
.kntc-card:hover{box-shadow:0 6px 22px rgba(10,37,64,.08)}

.kntc-pt{transition:transform .2s}
.kntc-pt:hover{transform:scale(1.04)}
.kntc-claim-btn:active{transform:scale(.97)}
.kntc-share-btn{transition:transform .15s,box-shadow .15s}
.kntc-share-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}
.kntc-reg-btn{transition:transform .15s,box-shadow .2s}
.kntc-reg-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(232,160,32,.35)}
.kntc-rm{transition:transform .18s,box-shadow .18s}
.kntc-rm-current:hover{transform:translateX(3px)}

/* ===== v3.3.0: Cây hệ thống ===== */
.kntc-tree-wrap{overflow-x:auto;padding:10px 0}
ul.kntc-tree{list-style:none;margin:0;padding-left:0}
ul.kntc-tree ul.kntc-tree{padding-left:26px;border-left:2px dashed #dde3ec;margin-left:16px}
ul.kntc-tree li{position:relative;margin:6px 0}
.kntc-tnode{display:flex;align-items:center;gap:10px;padding:9px 13px;background:#fff;border:1px solid #e8ecf3;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.kntc-tnode img{border-radius:50%}
.kntc-tn-info b{font-size:14px;color:#0a2540}
.kntc-tn-info small{display:block;font-size:11.5px;color:#667085;margin-top:2px}
.kntc-tn-role{display:inline-block;background:#eef2ff;color:#4338ca;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:6px;margin-left:6px}
.kntc-tn-active{border-left:4px solid #12b76a}
.kntc-tn-idle{border-left:4px solid #d0d5dd}
.kntc-tn-warn{border-left:4px solid #f0b429;background:#fffbf3}
.kntc-tn-alert{color:#c47f0a;font-weight:600}
.kntc-tn-need{color:#98a2b3}
.kntc-tree-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:#667085}
.kntc-tree-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px}
.kntc-dot-a{background:#12b76a}.kntc-dot-i{background:#d0d5dd}.kntc-dot-w{background:#f0b429}
.kntc-help-list{background:#fffbf3;border:1px solid #f5e0b8;border-radius:12px;padding:14px 16px;margin-top:6px}
.kntc-help-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f5e8d0;font-size:13.5px}
.kntc-help-item:last-child{border-bottom:none}
.kntc-help-reason{color:#c47f0a;font-size:12px;font-weight:600}

/* ===== v3.3.0: Thông báo & Việc hôm nay ===== */
.kntc-notif-box{background:#eef7ff;border:1px solid #c9e2ff;border-radius:14px;padding:14px 16px;margin-bottom:16px}
.kntc-notif-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;color:#0a2540}
.kntc-notif-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;background:#fff;border-radius:9px;margin-bottom:6px;font-size:13.5px}
.kntc-notif-item small{color:#98a2b3;font-size:11px;white-space:nowrap}
.kntc-nf-success{border-left:3px solid #12b76a}
.kntc-nf-info{border-left:3px solid #2563eb}
.kntc-today{background:linear-gradient(135deg,#fff8ee,#fff3e0);border:1px solid #f5e0b8;border-radius:14px;padding:14px 16px;margin-bottom:16px}
.kntc-today-head{font-size:15px;font-weight:700;color:#8a5a2b;margin-bottom:10px}
.kntc-today-item{display:flex;align-items:center;gap:10px;width:100%;background:#fff;border:1px solid #f0e0c8;border-radius:10px;padding:10px 14px;margin-bottom:6px;cursor:pointer;text-align:left;font-size:13.5px;color:#344054;transition:transform .15s,box-shadow .15s}
.kntc-today-item:hover{transform:translateX(3px);box-shadow:0 3px 10px rgba(240,180,41,.2)}
.kntc-today-ic{font-size:18px}
.kntc-today-go{margin-left:auto;color:#e8a020;font-weight:800}

/* ===== v3.3.0: Hạng danh dự ===== */
.kntc-rankprog{background:#f7f9fc;border:1px solid #e8ecf3;border-radius:12px;padding:14px 16px;margin-bottom:16px}
.kntc-rankprog-top{display:flex;justify-content:space-between;font-size:14px;margin-bottom:8px;color:#0a2540}
.kntc-rank-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.kntc-rank-item{background:#fff;border:1px solid #e8ecf3;border-radius:14px;padding:16px 12px;text-align:center;transition:transform .18s}
.kntc-rank-item:hover{transform:translateY(-2px)}
.kntc-rank-got{border-color:#c7d2fe;background:linear-gradient(135deg,#fff,#f5f3ff)}
.kntc-rank-lock{opacity:.55}
.kntc-rank-ic{font-size:32px;margin-bottom:6px}
.kntc-rank-name{font-weight:700;font-size:14px;color:#0a2540}
.kntc-rank-desc{font-size:11.5px;color:#667085;margin-top:4px;line-height:1.4}
.kntc-rank-perk{font-size:11px;color:#0e9e5a;font-weight:600;margin-top:6px}

/* ===== v3.3.0: Câu chuyện thành công ===== */
.kntc-story-form label{display:block;font-size:13px;font-weight:600;color:#344054;margin-bottom:12px}
.kntc-story-form input,.kntc-story-form textarea{width:100%;margin-top:5px;padding:9px 12px;border:1px solid #d7dce5;border-radius:9px;font-size:14px;font-weight:400}
.kntc-story-sec{background:linear-gradient(135deg,#f4faf9,#eef6f5);border:1px solid #d7e9e8;border-radius:20px;padding:30px 28px;position:relative;overflow:hidden}
.kntc-story-sec::before{content:'"';position:absolute;top:-18px;left:20px;font-size:120px;font-family:Georgia,serif;color:rgba(10,92,91,.08);line-height:1;pointer-events:none}
.kntc-story-ba{display:flex;align-items:center;gap:16px;margin:18px 0;flex-wrap:wrap;position:relative}
.kntc-story-col{flex:1;min-width:180px;background:#fff;border:1px solid #e6ebf3;border-radius:12px;padding:16px;box-shadow:0 4px 14px -8px rgba(10,60,60,.12)}
.kntc-story-now{border-color:#bfe3d6;background:#f2fbf6}
.kntc-story-lbl{font-size:11px;font-weight:700;text-transform:uppercase;color:#98a2b3;letter-spacing:.5px}
.kntc-story-col p{margin:6px 0 0;font-size:14px;color:#344054;line-height:1.5}
.kntc-story-arrow{font-size:22px;color:#0e7c7b;font-weight:800}
.kntc-story-sign{text-align:right;font-style:italic;color:#0a5c5b;margin-top:16px;font-size:14px;font-weight:700;position:relative}
.kntc-story-sign::before{content:'';display:inline-block;width:28px;height:2px;background:#0e7c7b;vertical-align:middle;margin-right:8px;opacity:.5}
.kntc-lp-story{position:relative;font-size:15px;line-height:1.75;color:#33404f}
@media (max-width:560px){.kntc-story-ba{flex-direction:column}.kntc-story-arrow{transform:rotate(90deg)}}

/* ===== v3.4.0: THẺ DANH TÍNH LỚN — nổi bật tên & cấp bậc ===== */
.kntc-idcard{display:flex;align-items:center;gap:20px;padding:22px 26px;border-radius:20px;position:relative;overflow:hidden}
.kntc-idcard::before{content:'';position:absolute;inset:0;opacity:.14;pointer-events:none}
.kntc-idc-ava{flex-shrink:0;position:relative;z-index:1}
.kntc-idc-ava img{border-radius:50%;border:4px solid rgba(255,255,255,.85);box-shadow:0 6px 20px rgba(0,0,0,.16)}
.kntc-idc-main{flex:1;min-width:0;position:relative;z-index:1}
.kntc-idc-hello{font-size:13px;color:#667085;font-weight:500;letter-spacing:.3px}
.kntc-idc-name{font-size:30px;font-weight:800;color:#0a2540;line-height:1.15;margin:2px 0 10px;letter-spacing:-.4px}
.kntc-idc-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:9px}
.kntc-idc-tier{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:800;padding:7px 16px;border-radius:24px;color:#fff;box-shadow:0 3px 10px rgba(0,0,0,.18);position:relative;overflow:hidden}
.kntc-idc-tier::after{content:'';position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:kntcGlowSweep 3.5s infinite}
.kntc-idc-role{display:inline-block;background:#312e81;color:#fff;font-size:12.5px;font-weight:700;padding:7px 14px;border-radius:24px}
.kntc-idc-group{display:inline-block;background:rgba(255,255,255,.75);color:#344054;font-size:12.5px;font-weight:600;padding:7px 14px;border-radius:24px;border:1px solid rgba(0,0,0,.06)}
.kntc-idc-streak{display:inline-block;background:linear-gradient(135deg,#fb923c,#e8730c);color:#fff;font-size:12.5px;font-weight:700;padding:7px 14px;border-radius:24px}
.kntc-idc-meta{font-size:12.5px;color:#667085}
.kntc-idc-meta b{color:#0e7c7b;letter-spacing:.5px}

/* Bảng màu theo hạng — nhìn là biết đẳng cấp */
.kntc-idcard-dong{background:linear-gradient(135deg,#fdf3ea,#f5e0cd)}
.kntc-idcard-dong::before{background:radial-gradient(circle at 80% 20%,#b45309,transparent 60%)}
.kntc-tierbg-dong{background:linear-gradient(135deg,#b45309,#92400e)}

.kntc-idcard-bac{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}
.kntc-idcard-bac::before{background:radial-gradient(circle at 80% 20%,#64748b,transparent 60%)}
.kntc-tierbg-bac{background:linear-gradient(135deg,#94a3b8,#64748b)}

.kntc-idcard-vang{background:linear-gradient(135deg,#fffbeb,#fde68a)}
.kntc-idcard-vang::before{background:radial-gradient(circle at 80% 20%,#d97706,transparent 60%)}
.kntc-tierbg-vang{background:linear-gradient(135deg,#f59e0b,#d97706)}

.kntc-idcard-kim_cuong{background:linear-gradient(135deg,#ecfeff,#a5f3fc)}
.kntc-idcard-kim_cuong::before{background:radial-gradient(circle at 80% 20%,#0891b2,transparent 60%)}
.kntc-tierbg-kim_cuong{background:linear-gradient(135deg,#22d3ee,#0891b2)}

/* ===== v3.4.0: Nền có chiều sâu thay nền trắng phẳng ===== */
.kntc-wrap{background:linear-gradient(180deg,#f6f8fc 0%,#eef2f8 100%);border-radius:20px;padding:18px}
.kntc-card{background:#fff;border:1px solid #e8ecf3;box-shadow:0 2px 10px rgba(10,37,64,.05)}
.kntc-card:hover{box-shadow:0 8px 26px rgba(10,37,64,.09)}
.kntc-topbar{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}

/* ===== v3.4.0: Thanh nhắc admin ===== */
.kntc-adminbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #c7d2fe;border-radius:12px;padding:13px 17px;margin-bottom:14px;font-size:13.5px;color:#312e81}
.kntc-adminbar-btn{background:#4338ca;color:#fff;padding:9px 17px;border-radius:9px;text-decoration:none;font-weight:700;font-size:13px;white-space:nowrap;transition:transform .15s,box-shadow .15s}
.kntc-adminbar-btn:hover{transform:translateY(-1px);box-shadow:0 5px 15px rgba(67,56,202,.3);color:#fff}

@media (max-width:600px){
  .kntc-idcard{flex-direction:column;text-align:center;padding:20px 16px}
  .kntc-idc-name{font-size:24px}
  .kntc-idc-badges{justify-content:center}
  .kntc-adminbar{flex-direction:column;align-items:stretch;text-align:center}
}

/* ===== v3.4.0: Nút xem trước cơ hội ===== */
.kntc-opp-preview{display:inline-block;margin-top:12px;background:#f0fdf4;color:#0e7c7b;border:1px solid #bbf7d0;padding:9px 16px;border-radius:9px;text-decoration:none;font-weight:600;font-size:13px;transition:transform .15s,box-shadow .15s}
.kntc-opp-preview:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(14,124,123,.18);color:#0e7c7b}

/* ============================================================
   v3.5.0 — PHONG CÁCH SANG TRỌNG & CHUYÊN NGHIỆP TOÀN HỆ THỐNG
   Lấy cảm hứng từ thẻ danh tính: bo tròn lớn, gradient mềm,
   viên thuốc màu rõ ràng, bóng đổ có chiều sâu.
   ============================================================ */

/* --- Nút bánh răng thay usermenu --- */
.kntc-usermenu{position:relative}
.kntc-gear{width:48px;height:48px;border-radius:50%;border:1px solid #e2e8f0;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 12px rgba(10,37,64,.09);transition:transform .25s,box-shadow .25s}
.kntc-gear:hover{transform:rotate(45deg) scale(1.06);box-shadow:0 6px 20px rgba(10,37,64,.16)}
.kntc-gear-ic{font-size:22px;line-height:1}
.kntc-um-drop{position:absolute;right:0;top:58px;min-width:250px;background:#fff;border:1px solid #e8ecf3;border-radius:16px;box-shadow:0 16px 44px rgba(10,37,64,.18);padding:8px;display:none;z-index:60;max-height:70vh;overflow-y:auto}
.kntc-um-drop.open{display:block;animation:kntcDropIn .22s ease}
@keyframes kntcDropIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.kntc-um-head{background:linear-gradient(135deg,#0e7c7b,#0a5f5e);color:#fff;border-radius:12px;padding:14px 16px;margin-bottom:8px}
.kntc-um-head-lbl{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.6px;opacity:.85}
.kntc-um-head-val{display:block;font-size:24px;font-weight:800;margin-top:3px;color:#fff}
.kntc-um-sect{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:#98a2b3;padding:10px 14px 5px}
.kntc-um-drop a{display:block;padding:10px 14px;border-radius:10px;color:#344054;text-decoration:none;font-size:14px;font-weight:500;transition:background .15s,transform .15s}
.kntc-um-drop a:hover{background:#f2f6fb;transform:translateX(3px);color:#0a2540}
.kntc-um-out{color:#a32d2d!important;margin-top:4px;border-top:1px solid #f0f2f6;border-radius:0 0 10px 10px}

/* --- Thẻ số liệu: bo tròn lớn, gradient, nổi bật --- */
.kntc-stats{gap:16px}
.kntc-grid>.kntc-card{border-radius:18px;padding:22px 20px;position:relative;overflow:hidden;transition:transform .22s,box-shadow .22s}
.kntc-grid>.kntc-card::after{content:'';position:absolute;top:-40%;right:-20%;width:150px;height:150px;border-radius:50%;opacity:.07;pointer-events:none}
.kntc-grid>.kntc-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(10,37,64,.13)}
.kntc-grid>.kntc-card .kntc-label{font-size:11px;letter-spacing:.7px;color:#98a2b3;font-weight:700}
.kntc-grid>.kntc-card .kntc-big{font-size:32px;font-weight:800;color:#0a2540;letter-spacing:-.5px;background:none;-webkit-text-fill-color:initial}
.kntc-grid>.kntc-card .kntc-sub{font-size:12px;color:#98a2b3;margin-top:4px}

/* Thẻ số dư — nổi bật nhất, gradient xanh ngọc */
.kntc-card.kntc-hl{background:linear-gradient(135deg,#0e7c7b,#0a5f5e)!important;border:none!important;color:#fff}
.kntc-card.kntc-hl::after{background:#fff}
.kntc-card.kntc-hl .kntc-label{color:rgba(255,255,255,.82)!important}
.kntc-card.kntc-hl .kntc-big{color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important}
.kntc-card.kntc-hl .kntc-sub{color:rgba(255,255,255,.78)!important}

/* --- Viên thuốc điểm SP/LP/AP --- */
.kntc-pt{border-radius:16px;padding:20px 14px;background:#fff;border:1px solid #e8ecf3;box-shadow:0 2px 10px rgba(10,37,64,.05);transition:transform .2s,box-shadow .2s}
.kntc-pt:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 26px rgba(10,37,64,.12)}
.kntc-pt-tag{font-size:11px;font-weight:800;padding:4px 12px;border-radius:20px;letter-spacing:.5px}

/* --- Nút tab: viên thuốc rõ ràng --- */
.kntc-tabbtn{border-radius:26px;padding:11px 20px;font-weight:600;font-size:14px;border:1px solid #e2e8f0;background:#fff;color:#475569;box-shadow:0 2px 8px rgba(10,37,64,.05)}
.kntc-tabbtn:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(10,37,64,.11);border-color:#cbd5e1}
.kntc-tabbtn.active{background:linear-gradient(135deg,#0e7c7b,#0a5f5e);color:#fff;border-color:transparent;box-shadow:0 6px 20px rgba(14,124,123,.36)}
.kntc-tab-upgrade{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 5px 16px rgba(245,158,11,.34)!important}

/* --- Thẻ nội dung: bo tròn lớn hơn, bóng mềm --- */
.kntc-card{border-radius:20px;padding:26px}
.kntc-label{letter-spacing:.6px}

/* --- Nút chính: gradient + nổi --- */
.kntc-reg-btn,.kntc-pf-save{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:14px;font-weight:700;box-shadow:0 6px 18px rgba(245,158,11,.3);border:none}
.kntc-reg-btn:hover,.kntc-pf-save:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(245,158,11,.42)}
.kntc-share-btn{border-radius:12px;font-weight:600;border:1px solid #e2e8f0;box-shadow:0 2px 8px rgba(10,37,64,.05)}

/* --- Bảng: bo tròn, header nổi --- */
.kntc-table{border-radius:14px;overflow:hidden;box-shadow:0 2px 10px rgba(10,37,64,.05)}
.kntc-table thead th{background:linear-gradient(180deg,#f8fafc,#f1f5f9);font-weight:700;color:#0a2540;font-size:11.5px;letter-spacing:.5px;text-transform:uppercase}
.kntc-table tbody tr{transition:background .15s}
.kntc-table tbody tr:hover{background:#f8fafc}

/* --- Thanh tiến độ: gradient --- */
.kntc-bar{height:10px;border-radius:20px;background:#eef2f7;overflow:hidden}
.kntc-bar span{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#0e7c7b,#12b76a);box-shadow:0 0 12px rgba(18,183,106,.45);transition:width .8s cubic-bezier(.4,0,.2,1)}

/* --- Lưới chọn nhà cung cấp AI --- */
.kntc-ai-provider-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.kntc-ai-pv{position:relative;display:block;background:#fff;border:2px solid #e8ecf3;border-radius:14px;padding:14px;cursor:pointer;transition:border-color .18s,transform .18s,box-shadow .18s}
.kntc-ai-pv:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(10,37,64,.1)}
.kntc-ai-pv input{position:absolute;opacity:0}
.kntc-ai-pv-on{border-color:#7c3aed;background:linear-gradient(135deg,#faf8ff,#f3f0ff);box-shadow:0 4px 16px rgba(124,58,237,.16)}
.kntc-ai-pv-on::before{content:'✓';position:absolute;top:9px;right:11px;width:19px;height:19px;background:#7c3aed;color:#fff;border-radius:50%;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}
.kntc-ai-pv-name{display:block;font-size:14px;font-weight:700;color:#0a2540;margin-bottom:3px}
.kntc-ai-pv-note{display:block;font-size:11.5px;color:#667085;line-height:1.4}

/* --- Trang giới thiệu & trang chủ: đồng bộ phong cách --- */
.kntc-opp-card{border-radius:20px;box-shadow:0 4px 18px rgba(10,37,64,.08)}
.kntc-opp-card:hover{box-shadow:0 14px 36px rgba(10,37,64,.16)}
.kntc-lp-cta{border-radius:16px;font-weight:800;box-shadow:0 8px 24px rgba(245,158,11,.34)}
.kntc-lp-sec{border-radius:20px}
.kntc-lp-headline{letter-spacing:-.5px}
.kntc-hm-card,.kntc-hm-step{border-radius:20px!important;box-shadow:0 3px 14px rgba(10,37,64,.06)}
.kntc-hm-card:hover,.kntc-hm-step:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(10,37,64,.13)}

/* --- Tinh chỉnh nhỏ --- */
.kntc-notif-box,.kntc-today{border-radius:18px}
.kntc-rank-item{border-radius:18px}
.kntc-tnode{border-radius:14px}
.kntc-team-stat{border-radius:16px;padding:18px}
.kntc-team-stat b{font-size:26px}

@media (max-width:600px){
  .kntc-card{padding:18px;border-radius:16px}
  .kntc-um-drop{right:-8px;min-width:230px}
  .kntc-ai-provider-grid{grid-template-columns:1fr}
}

/* ============================================================
   v3.6.0 — NỀN KEM TRUNG TÍNH + GỘP MENU + TINH GỌN
   ============================================================ */

/* --- Nền kem trung tính: ấm áp, sang, không tranh với thẻ danh tính --- */
.kntc-wrap{background:linear-gradient(180deg,#faf8f5 0%,#f4f1ec 100%)!important;border-radius:24px;padding:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.kntc-lp,.kntc-lp2,.kntc-home{background:linear-gradient(180deg,#faf8f5 0%,#f4f1ec 100%)}

/* Thẻ giữ nền trắng -> nổi lên trên nền kem */
.kntc-card{background:#fff;border:1px solid rgba(10,37,64,.06);box-shadow:0 2px 12px rgba(10,37,64,.06)}
.kntc-card:hover{box-shadow:0 10px 30px rgba(10,37,64,.11)}

/* --- Thanh tab tinh gọn --- */
.kntc-tabnav{gap:10px;margin-bottom:22px}
.kntc-tabbtn{background:#fff;border:1px solid rgba(10,37,64,.08);box-shadow:0 2px 8px rgba(10,37,64,.05)}
.kntc-tabbtn-more{background:linear-gradient(135deg,#fff,#f7f4ef);border-style:dashed;border-color:#cbd5e1;color:#475569;font-weight:700}
.kntc-tabbtn-more:hover{border-color:#0e7c7b;color:#0e7c7b}
.kntc-tabbtn-more.active{background:linear-gradient(135deg,#0e7c7b,#0a5f5e);color:#fff;border-style:solid;border-color:transparent}

/* --- Bánh răng: đặt cạnh thẻ danh tính cho cân đối --- */
.kntc-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}
.kntc-id-block{flex:1;min-width:0}
.kntc-gear{background:#fff;border:1px solid rgba(10,37,64,.08)}

/* --- Thẻ danh tính nổi hơn trên nền kem --- */
.kntc-idcard{box-shadow:0 6px 22px rgba(10,37,64,.1);border:1px solid rgba(255,255,255,.7)}

/* --- Các khối phụ hòa với nền kem --- */
.kntc-today{background:linear-gradient(135deg,#fffdf8,#fdf6e9);border-color:rgba(240,180,41,.28)}
.kntc-notif-box{background:linear-gradient(135deg,#f7fbff,#eef6ff);border-color:rgba(37,99,235,.16)}
.kntc-bankwarn{background:linear-gradient(135deg,#fffdf8,#fdf6e9);border-radius:16px;border:1px solid rgba(240,180,41,.3)}
.kntc-team-stat,.kntc-opp-setup,.kntc-ai-keyform,.kntc-2fa-form,.kntc-rankprog{background:linear-gradient(135deg,#fdfcfa,#f8f6f2);border-color:rgba(10,37,64,.06)}
.kntc-tnode{background:#fff}
.kntc-amw-step{background:linear-gradient(135deg,#fdfcfa,#f8f6f2)}

/* --- Bảng trên nền kem --- */
.kntc-table{background:#fff}
.kntc-table thead th{background:linear-gradient(180deg,#faf8f5,#f2efe9)}
.kntc-table tbody tr:hover{background:#fdfcfa}

/* --- Trang giới thiệu & trang chủ đồng bộ --- */
.kntc-lp-body{background:transparent}
.kntc-lp-sec{background:#fff;border:1px solid rgba(10,37,64,.06);box-shadow:0 3px 16px rgba(10,37,64,.06)}
.kntc-opp-card{background:#fff;border-color:rgba(10,37,64,.07)}
.kntc-opp-picker-title{color:#0a2540}

/* --- Ô nhập liệu hòa nền --- */
.kntc-pf input,.kntc-pf textarea,.kntc-pf select,
.kntc-opp-fields input,.kntc-opp-fields textarea,
.kntc-ai-row input,.kntc-ai-row select,
.kntc-story-form input,.kntc-story-form textarea{background:#fff;border-color:rgba(10,37,64,.12)}
.kntc-pf input:focus,.kntc-pf textarea:focus,
.kntc-opp-fields input:focus,.kntc-ai-row input:focus,
.kntc-story-form input:focus,.kntc-story-form textarea:focus{border-color:#0e7c7b;box-shadow:0 0 0 3px rgba(14,124,123,.12);outline:none}

@media (max-width:600px){
  .kntc-wrap{padding:14px;border-radius:18px}
  .kntc-topbar{flex-direction:column;align-items:stretch}
  .kntc-gear{align-self:flex-end;margin-top:-58px}
}

/* ============================================================
   v3.7.0 — 6 MẪU GIAO DIỆN CƠ HỘI (sang trọng, có hiệu ứng)
   ============================================================ */

/* MẪU CỔ ĐIỂN (mặc định) — trang nhã */
.kntc-tpl-classic .kntc-lp-hero{background:linear-gradient(135deg,#1e3a5f,#0f2540)}
.kntc-tpl-classic .kntc-lp-cta{background:linear-gradient(135deg,#0e7c7b,#0a5f5e)}

/* MẪU NỔI BẬT — màu mạnh, gây chú ý */
.kntc-tpl-bold .kntc-lp-hero{background:linear-gradient(135deg,#dc2626,#ea580c);position:relative;overflow:hidden}
.kntc-tpl-bold .kntc-lp-hero::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.25),transparent 50%)}
.kntc-tpl-bold .kntc-lp-headline{font-size:34px;font-weight:900;text-shadow:0 2px 20px rgba(0,0,0,.3)}
.kntc-tpl-bold .kntc-lp-cta{background:linear-gradient(135deg,#f59e0b,#dc2626);font-size:18px;padding:18px 40px;animation:kntcPulse 2s infinite}
@keyframes kntcPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}

/* MẪU SANG TRỌNG — tối giản, cao cấp */
.kntc-tpl-elegant .kntc-lp-hero{background:linear-gradient(135deg,#18181b,#27272a)}
.kntc-tpl-elegant .kntc-lp-headline{font-weight:300;letter-spacing:1px;font-size:30px}
.kntc-tpl-elegant .kntc-lp-badge{background:rgba(212,175,55,.15);border:1px solid rgba(212,175,55,.5);color:#d4af37}
.kntc-tpl-elegant .kntc-lp-sec{border:none;box-shadow:0 1px 40px rgba(0,0,0,.06);border-radius:0}
.kntc-tpl-elegant .kntc-lp-cta{background:#18181b;border:1px solid #d4af37;color:#d4af37;letter-spacing:1px;border-radius:0}
.kntc-tpl-elegant .kntc-lp-cta:hover{background:#d4af37;color:#18181b}

/* MẪU ẤM ÁP — thân thiện */
.kntc-tpl-warm .kntc-lp-hero{background:linear-gradient(135deg,#c2410c,#ea580c,#f59e0b)}
.kntc-tpl-warm .kntc-lp-sec{background:linear-gradient(135deg,#fffbf5,#fef3e2);border-color:#fde4c4}
.kntc-tpl-warm .kntc-lp-cta{background:linear-gradient(135deg,#ea580c,#c2410c);border-radius:30px}

/* MẪU CÔNG NGHỆ — gradient xanh tím, hiện đại */
.kntc-tpl-tech .kntc-lp-hero{background:linear-gradient(135deg,#4f46e5,#7c3aed,#2563eb);position:relative;overflow:hidden}
.kntc-tpl-tech .kntc-lp-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);animation:kntcTechShine 3s infinite}
@keyframes kntcTechShine{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.kntc-tpl-tech .kntc-lp-headline{background:linear-gradient(90deg,#fff,#c7d2fe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.kntc-tpl-tech .kntc-lp-cta{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 8px 30px rgba(124,58,237,.4)}

/* MẪU TÀI CHÍNH — navy chuyên nghiệp */
.kntc-tpl-finance .kntc-lp-hero{background:linear-gradient(135deg,#0f172a,#1e293b)}
.kntc-tpl-finance .kntc-lp-badge{background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.5);color:#10b981}
.kntc-tpl-finance .kntc-lp-cta{background:linear-gradient(135deg,#059669,#047857);border-radius:8px}
.kntc-tpl-finance .kntc-lp-sec{border-left:4px solid #059669}

/* --- Khu cơ hội tự tạo trong hồ sơ --- */
.kntc-custom-opp{background:linear-gradient(135deg,#fdfcfa,#f8f6f2);border:1px solid rgba(10,37,64,.08);border-radius:16px;padding:18px;margin-bottom:14px}
.kntc-custom-opp-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.kntc-custom-list-item{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e8ecf3;border-radius:12px;padding:12px 16px;margin-bottom:8px}
.kntc-custom-badge{display:inline-block;background:#eef2ff;color:#4338ca;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;margin-left:8px}
.kntc-tpl-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:8px}
.kntc-tpl-opt{position:relative;display:block;background:#fff;border:2px solid #e8ecf3;border-radius:12px;padding:12px;cursor:pointer;transition:border-color .18s,transform .18s}
.kntc-tpl-opt:hover{transform:translateY(-2px)}
.kntc-tpl-opt input{position:absolute;opacity:0}
.kntc-tpl-opt-on{border-color:#7c3aed;background:linear-gradient(135deg,#faf8ff,#f3f0ff)}
.kntc-tpl-opt-name{display:block;font-weight:700;font-size:13.5px;color:#0a2540}
.kntc-tpl-opt-desc{display:block;font-size:11px;color:#667085;margin-top:3px;line-height:1.4}
.kntc-opp-count{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:10px 14px;font-size:13px;color:#9a3412;margin-bottom:12px}

/* ============================================================
   v3.8.0 — NÚT AI Ở MỌI Ô + CẢNH BÁO CHỦ ĐỀ + CTA
   ============================================================ */

/* Cụm nút AI trên mỗi ô viết bài */
.kntc-aifield-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.kntc-aifield-bar select{padding:6px 10px;border:1px solid #d7dce5;border-radius:8px;font-size:12.5px;font-weight:500;background:#fff}
.kntc-aibtn{border:none;border-radius:9px;padding:7px 14px;font-size:12.5px;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s}
.kntc-aibtn:hover{transform:translateY(-1px)}
.kntc-aibtn-tpl{background:linear-gradient(135deg,#0e7c7b,#0a5f5e);color:#fff}
.kntc-aibtn-tpl:hover{box-shadow:0 4px 14px rgba(14,124,123,.35)}
.kntc-aibtn-real{background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff}
.kntc-aibtn-real:hover{box-shadow:0 4px 14px rgba(124,58,237,.35)}
.kntc-ai-count{font-size:11.5px;color:#98a2b3}

/* Cảnh báo AI kiểm tra chủ đề */
.kntc-topic-warn{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:10px 14px;margin-top:12px;font-size:12.5px;color:#92400e}
.kntc-topic-warn ul{margin:6px 0 0;padding-left:20px}
.kntc-topic-warn li{margin-bottom:4px;line-height:1.5}

/* Nút CTA nổi bật trong hero trang cơ hội */
.kntc-lp-herocta{display:inline-block;margin-top:20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:17px;font-weight:800;padding:16px 36px;border-radius:14px;text-decoration:none;box-shadow:0 10px 30px rgba(245,158,11,.45);transition:transform .2s,box-shadow .2s;animation:kntcPulse 2.5s infinite}
.kntc-lp-herocta:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 16px 40px rgba(245,158,11,.55);color:#fff}
.kntc-reveal-3{animation-delay:.5s}

/* ============================================================
   v4.0.0 — ROADMAP HÀNH TRÌNH + BANNER VẬN HÀNH + THAM GIA GIỚI THIỆU
   ============================================================ */

/* Roadmap trên dashboard */
.kntc-rmap-box{background:linear-gradient(135deg,#1e1b2e,#2d2640);border-radius:20px;padding:20px 22px;margin-bottom:18px;box-shadow:0 6px 24px rgba(10,10,40,.2)}
.kntc-rmap-head{color:#fff;font-weight:800;font-size:15px;margin-bottom:16px}
.kntc-rmap-track{display:flex;justify-content:space-between;align-items:flex-start;gap:4px;position:relative;overflow-x:auto;padding-bottom:6px}
.kntc-rmap-node{flex:1;min-width:76px;text-align:center;position:relative}
.kntc-rmap-node::after{content:'';position:absolute;top:22px;left:50%;width:100%;height:3px;background:rgba(255,255,255,.15);z-index:0}
.kntc-rmap-node:last-child::after{display:none}
.kntc-rmap-orb{width:44px;height:44px;border-radius:50%;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;font-size:20px;position:relative;z-index:1;box-shadow:0 4px 12px rgba(0,0,0,.3)}
.kntc-rmap-done .kntc-rmap-orb{background:radial-gradient(circle at 35% 30%,#86efac,#22c55e 55%,#15803d);color:#fff}
.kntc-rmap-cur .kntc-rmap-orb{background:radial-gradient(circle at 35% 30%,#fde68a,#f59e0b 55%,#b45309);color:#fff;animation:kntcRmPulse 2s infinite}
.kntc-rmap-lock .kntc-rmap-orb{background:radial-gradient(circle at 35% 30%,#4b5563,#374151 55%,#1f2937);color:#9ca3af}
@keyframes kntcRmPulse{0%,100%{box-shadow:0 4px 12px rgba(245,158,11,.4)}50%{box-shadow:0 4px 22px rgba(245,158,11,.8)}}
.kntc-rmap-lbl{font-size:11px;color:rgba(255,255,255,.75);line-height:1.3}
.kntc-rmap-cur .kntc-rmap-lbl{color:#fbbf24;font-weight:700}
.kntc-rmap-you{font-size:10px;color:#fbbf24;font-weight:800;margin-top:4px;white-space:nowrap}
.kntc-rmap-cheer{margin-top:16px;background:rgba(251,191,36,.12);border:1px solid rgba(251,191,36,.3);border-radius:12px;padding:12px 16px;color:#fde68a;font-size:13.5px;font-weight:600}

/* Banner vận hành cho Nhà quản lý */
.kntc-ops-banner{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;background:linear-gradient(135deg,#312e81,#1e1b4b);color:#e0e7ff;border-radius:16px;padding:16px 20px;margin-bottom:18px}
.kntc-ops-btn{background:#fbbf24;color:#1e1b4b;font-weight:800;padding:10px 20px;border-radius:10px;text-decoration:none;white-space:nowrap;transition:transform .15s}
.kntc-ops-btn:hover{transform:translateY(-2px);color:#1e1b4b}

/* Nút tham gia giới thiệu */
.kntc-join-ref{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:14px;padding:16px 20px;margin-bottom:16px}

@media (max-width:600px){
  .kntc-rmap-track{gap:2px}
  .kntc-rmap-node{min-width:64px}
  .kntc-rmap-orb{width:38px;height:38px;font-size:17px}
  .kntc-ops-banner,.kntc-join-ref{flex-direction:column;align-items:stretch;text-align:center}
}

/* ============================================================
   v4.1.0 — LINK KÊNH + THỐNG KÊ + NÚT KÊNH TRANG GIỚI THIỆU
   ============================================================ */

/* Thống kê link trong tab chia sẻ */
.kntc-linkstat{display:flex;flex-wrap:wrap;gap:14px;align-items:center;background:linear-gradient(135deg,#f0fdfa,#e6fffb);border:1px solid #a7f3d0;border-radius:14px;padding:14px 18px;margin-bottom:14px}
.kntc-linkstat-item{text-align:center}
.kntc-linkstat-item b{display:block;font-size:26px;font-weight:800;color:#0e7c7b;line-height:1}
.kntc-linkstat-item span{font-size:12px;color:#667085}
.kntc-linkstat-hint{flex:1;min-width:200px;font-size:12.5px;color:#0e7c7b;background:rgba(255,255,255,.6);border-radius:10px;padding:8px 12px}

/* Số lượt click kênh trong hồ sơ */
.kntc-ch-clicks{display:inline-block;background:#eef2ff;color:#4338ca;font-size:11px;font-weight:700;padding:2px 10px;border-radius:20px;margin-left:8px}

/* Nút kênh trên trang giới thiệu */
.kntc-lp-channels{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.kntc-lp-chbtn{display:inline-flex;align-items:center;gap:6px;padding:12px 22px;border-radius:30px;font-weight:700;font-size:15px;text-decoration:none;color:#fff;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 14px rgba(0,0,0,.15)}
.kntc-lp-chbtn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.22);color:#fff}
.kntc-ch-youtube{background:linear-gradient(135deg,#ff0000,#cc0000)}
.kntc-ch-tiktok{background:linear-gradient(135deg,#000,#25f4ee)}
.kntc-ch-facebook{background:linear-gradient(135deg,#1877f2,#0c5dc7)}
.kntc-ch-zalo{background:linear-gradient(135deg,#0068ff,#0050c8)}

@media (max-width:600px){
  .kntc-linkstat{justify-content:center;text-align:center}
}

/* v4.1.0: hộp kết quả AI huấn luyện */
.kntc-coach-box{margin-top:12px;background:#faf5ff;border:1px solid #e9d5ff;border-radius:12px;padding:14px 16px;font-size:13.5px;color:#4b2e83}
.kntc-coach-box ul{margin:6px 0 10px;padding-left:20px}
.kntc-coach-box li{margin-bottom:5px;line-height:1.5}

/* v4.2.0: hộp tải giấy tờ pháp lý */
.kntc-docs-box{background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;padding:16px 18px;margin-top:16px}
.kntc-docs-box label{display:block;margin-bottom:12px;font-weight:600;color:#7c2d12;font-size:13.5px}
.kntc-docs-box input[type=file]{display:block;margin-top:6px;font-weight:400;width:100%}
.kntc-doc-ok{display:inline-block;background:#dcfce7;color:#15803d;font-size:11px;font-weight:700;padding:2px 10px;border-radius:20px;margin-left:8px}

/* v4.2.0: ô dán mã bảo trợ */
.kntc-sponsor-box{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:16px;padding:16px 20px;margin-bottom:18px}
.kntc-sponsor-head{font-weight:800;font-size:15px;color:#1e40af;margin-bottom:2px}
.kntc-sponsor-form{display:flex;gap:10px;flex-wrap:wrap}
.kntc-sponsor-form input{flex:1;min-width:200px;padding:11px 14px;border:1.5px solid #bfdbfe;border-radius:10px;font-size:14px}
@media(max-width:600px){.kntc-sponsor-form{flex-direction:column}.kntc-sponsor-form input{width:100%}}

/* ============================================================
   v4.3.0 — AUTH ZACAI (quên/đặt lại mật khẩu, thông báo)
   ============================================================ */
.kntc-auth-emoji{font-size:52px;line-height:1;margin-bottom:8px;animation:kntcFloatA 3s ease-in-out infinite;filter:drop-shadow(0 6px 14px rgba(0,0,0,.15))}
@keyframes kntcFloatA{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.kntc-reg-ok{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;padding:12px 16px;margin-bottom:14px;color:#15803d;font-size:14px;font-weight:600}
.kntc-reg-ok div{line-height:1.5}

/* ============================================================
   v4.6.7 — HỆ THỐNG THIẾT KẾ KHU CÀI ĐẶT (thống nhất toàn plugin)
   Mục tiêu: sang trọng, thoáng, phân cấp chữ chuẩn, đồng bộ mọi tab/form.
   Dùng biến để đổi 1 chỗ, áp mọi nơi.
   ============================================================ */
:root{
  --kntc-teal:#0a5c5b; --kntc-teal-2:#0e7c7b; --kntc-gold:#e8a020;
  --kntc-ink:#0f1e2e; --kntc-ink-2:#3a4256; --kntc-muted:#8894a8;
  --kntc-line:#e6ebf3; --kntc-line-2:#eef1f6; --kntc-bg-soft:#f8fafc;
  --kntc-radius:16px; --kntc-radius-sm:11px;
  --kntc-gap:14px; --kntc-gap-lg:22px;
  --kntc-shadow:0 4px 20px -10px rgba(15,40,80,.22);
  --kntc-ring:0 0 0 3px rgba(14,124,123,.16);
}

/* ---- KHỐI CÀI ĐẶT (card lớn cho từng nhóm chức năng) ---- */
.kntc-set{
  background:#fff;border:1px solid var(--kntc-line);
  border-radius:var(--kntc-radius);padding:26px 28px;margin-bottom:22px;
  box-shadow:var(--kntc-shadow);
}
@media(max-width:560px){.kntc-set{padding:20px 18px;border-radius:14px}}

/* ---- TIÊU ĐỀ KHỐI: icon tròn + tiêu đề to + mô tả nhỏ ---- */
.kntc-set-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--kntc-line-2)}
.kntc-set-ic{
  flex:0 0 auto;width:46px;height:46px;border-radius:13px;
  display:grid;place-items:center;font-size:23px;
  background:linear-gradient(135deg,var(--kntc-teal),var(--kntc-teal-2));
  box-shadow:0 6px 16px -6px rgba(10,92,91,.5);
}
.kntc-set-htext{flex:1;min-width:0}
.kntc-set-title{font-size:19px;font-weight:800;color:var(--kntc-ink);line-height:1.25;letter-spacing:-.2px;margin:0}
.kntc-set-desc{font-size:13.5px;color:var(--kntc-muted);margin-top:5px;line-height:1.5}

/* ---- LƯỚI TRƯỜNG NHẬP: thoáng, tự xuống 1 cột trên mobile ---- */
.kntc-set-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.kntc-set-grid.one{grid-template-columns:1fr}
@media(max-width:560px){.kntc-set-grid{grid-template-columns:1fr;gap:15px}}

/* ---- 1 TRƯỜNG (label trên, input dưới) ---- */
.kntc-field{display:flex;flex-direction:column;gap:7px}
.kntc-field.full{grid-column:1 / -1}
.kntc-field > label,.kntc-flabel{font-size:13.5px;font-weight:700;color:var(--kntc-ink-2)}
.kntc-fhint{font-size:12px;color:var(--kntc-muted);font-weight:400;line-height:1.45}
.kntc-field input[type=text],.kntc-field input[type=url],.kntc-field input[type=email],
.kntc-field input[type=number],.kntc-field input[type=password],.kntc-field input[type=tel],
.kntc-field select,.kntc-field textarea{
  width:100%;padding:12px 15px;border:1.5px solid #d7dce8;border-radius:var(--kntc-radius-sm);
  font-size:14.5px;font-weight:500;color:var(--kntc-ink);background:#fff;
  transition:border-color .18s,box-shadow .18s;box-sizing:border-box;font-family:inherit;
}
.kntc-field textarea{min-height:96px;resize:vertical;line-height:1.55}
.kntc-field input:focus,.kntc-field select:focus,.kntc-field textarea:focus{
  outline:none;border-color:var(--kntc-teal-2);box-shadow:var(--kntc-ring);
}
.kntc-field input::placeholder,.kntc-field textarea::placeholder{color:#aeb6c6}

/* ---- NÚT LƯU (chuẩn hóa) ---- */
.kntc-set-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid var(--kntc-line-2)}
.kntc-btn{
  display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border:none;border-radius:var(--kntc-radius-sm);
  font-size:14.5px;font-weight:800;cursor:pointer;font-family:inherit;transition:transform .12s,box-shadow .18s,filter .18s;
}
.kntc-btn:hover{transform:translateY(-1px)}
.kntc-btn-primary{background:linear-gradient(135deg,var(--kntc-teal),var(--kntc-teal-2));color:#fff;box-shadow:0 8px 20px -8px rgba(10,92,91,.6)}
.kntc-btn-primary:hover{filter:brightness(1.06)}
.kntc-btn-gold{background:linear-gradient(135deg,#e8a020,#f0b840);color:#3a2a08;box-shadow:0 8px 20px -8px rgba(232,160,32,.55)}
.kntc-btn-ghost{background:var(--kntc-bg-soft);color:var(--kntc-ink-2);border:1.5px solid var(--kntc-line)}

/* ---- HÀNG TÙY CHỌN BẬT/TẮT (checkbox card) ---- */
.kntc-toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px}
@media(max-width:560px){.kntc-toggle-grid{grid-template-columns:1fr}}
.kntc-toggle{
  display:flex;align-items:center;gap:11px;background:var(--kntc-bg-soft);
  padding:13px 15px;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;color:var(--kntc-ink-2);
  border:1.5px solid transparent;transition:border-color .16s,background .16s;
}
.kntc-toggle:hover{border-color:#cfd8e6;background:#fff}
.kntc-toggle input{width:18px;height:18px;accent-color:var(--kntc-teal);cursor:pointer;flex:0 0 auto}

/* ---- GHI CHÚ / GỢI Ý trong khối cài đặt (khác .kntc-note cũ) ---- */
.kntc-set-tip{
  background:linear-gradient(135deg,#f0fdfa,#eff6ff);border:1px solid #cdeae8;
  border-radius:12px;padding:13px 16px;font-size:13.5px;color:#0a5c5b;line-height:1.55;margin:2px 0 6px;
}
.kntc-set-tip b{color:var(--kntc-teal)}

/* ---- CHIA NHÓM NHỎ trong 1 khối ---- */
.kntc-subhead{font-size:14.5px;font-weight:800;color:var(--kntc-ink);margin:22px 0 12px;display:flex;align-items:center;gap:8px}
.kntc-subhead:first-child{margin-top:0}

/* ---- CHỌN MÀU NỀN TRANG (theme picker) ---- */
.kntc-theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:11px;margin-top:4px}
.kntc-theme-pick{
  display:flex;align-items:center;gap:11px;padding:12px 14px;
  border:2px solid var(--kntc-line);border-radius:12px;cursor:pointer;
  font-size:13.5px;font-weight:600;color:var(--kntc-ink-2);
  background:#fff;transition:border-color .16s,box-shadow .16s;
}
.kntc-theme-pick:hover{border-color:#c3ccdb}
.kntc-theme-pick.on{border-color:var(--kntc-teal-2);box-shadow:var(--kntc-ring)}
.kntc-theme-swatch{width:26px;height:26px;border-radius:7px;flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.kntc-ch-clicks{display:inline-block;font-size:11px;font-weight:700;color:var(--kntc-teal);background:#d7f0ef;padding:1px 9px;border-radius:100px;margin-left:6px}

/* ============================================================
   v4.6.7 — NÂNG CẤP ĐỒNG LOẠT MỌI FORM CŨ (đồng bộ toàn plugin)
   Đè lên style cũ để mọi tab/form đều thoáng, chữ rõ, nút đẹp —
   KHÔNG phải sửa HTML từng chỗ. Áp cho: Hồ sơ, Câu chuyện, Rút tiền,
   Kênh, Nâng cấp, 2FA, Cơ hội, AI...
   ============================================================ */

/* --- Input / select / textarea: thoáng hơn, chữ rõ hơn --- */
.kntc-pf input:not([type=checkbox]):not([type=radio]),
.kntc-pf select,.kntc-pf textarea,
.kntc-profile-form input:not([type=checkbox]):not([type=radio]),
.kntc-profile-form select,.kntc-profile-form textarea,
.kntc-story-form input:not([type=checkbox]):not([type=radio]),
.kntc-story-form select,.kntc-story-form textarea,
.kntc-ai-row input:not([type=checkbox]):not([type=radio]),
.kntc-ai-row select,
.kntc-payout input:not([type=checkbox]):not([type=radio]),
.kntc-payout select,.kntc-payout textarea,
.kntc-upgrade-form input:not([type=checkbox]):not([type=radio]),
.kntc-upgrade-form select,.kntc-upgrade-form textarea{
  padding:12px 15px!important;border-radius:11px!important;
  font-size:14.5px!important;border-width:1.5px!important;
  transition:border-color .18s,box-shadow .18s!important;
}
.kntc-pf textarea,.kntc-story-form textarea,.kntc-profile-form textarea{min-height:96px!important;line-height:1.55!important}

/* --- Label: rõ, phân cấp chuẩn, có khoảng thở --- */
.kntc-pf > label,.kntc-story-form > label,.kntc-profile-form > label{
  font-size:13.5px!important;font-weight:700!important;color:#3a4256!important;margin-bottom:16px!important;
}
.kntc-ai-row label{font-weight:700!important;color:#3a4256!important}

/* --- Khoảng cách giữa các trường trong 1 form --- */
.kntc-pf{display:flex;flex-direction:column;gap:15px}
.kntc-story-form{display:flex;flex-direction:column;gap:6px}

/* --- Tiêu đề nhóm .kntc-label: to & rõ hơn (trừ trong thẻ số liệu) --- */
.kntc-card > .kntc-label{
  font-size:15px!important;font-weight:800!important;color:#0f1e2e!important;
  text-transform:none!important;letter-spacing:0!important;margin-bottom:6px!important;
}
.kntc-card > .kntc-note{margin-bottom:16px!important;font-style:normal!important;color:#7a8296!important;font-size:13.5px!important;line-height:1.55!important}

/* --- Nút lưu cũ: đồng bộ với nút mới, có chiều sâu --- */
.kntc-pf-save,.kntc-share-btn[type=submit]{
  padding:12px 26px!important;border-radius:11px!important;font-weight:800!important;font-size:14.5px!important;
  background:linear-gradient(135deg,#0a5c5b,#0e7c7b)!important;color:#fff!important;border:none!important;
  box-shadow:0 8px 20px -8px rgba(10,92,91,.55)!important;transition:transform .12s,filter .18s!important;align-self:flex-start;
}
.kntc-pf-save:hover,.kntc-share-btn[type=submit]:hover{transform:translateY(-1px)!important;filter:brightness(1.06)!important}

/* --- Card: nhiều khoảng thở hơn ở khu cài đặt (tab hồ sơ) --- */
.kntc-card[data-ktab="hoso"]{padding:26px 28px}
@media(max-width:560px){.kntc-card[data-ktab="hoso"]{padding:20px 18px}}

/* ============================================================
   v4.6.8 — NÂNG CẤP TRANG GIỚI THIỆU (sang trọng, tinh tế)
   Đặt cuối file để đè mọi xung đột cũ. Sửa: nút CTA thô/vuông,
   khối kênh nền trắng thô, khối cuối + mạng xã hội cộng đồng,
   font & khoảng thở hero.
   ============================================================ */

/* ---------- 1) NÚT CTA: bo mềm nhất quán, sang, nổi bật ---------- */
.kntc-lp .kntc-lp-cta{
  border-radius:999px!important;              /* pill bo tròn hẳn — mềm mại, cao cấp */
  padding:15px 38px!important;
  font-size:16px!important;font-weight:700!important;letter-spacing:.2px!important;
  box-shadow:0 14px 34px -12px rgba(0,0,0,.45),0 2px 0 rgba(255,255,255,.12) inset!important;
  transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,filter .2s!important;
}
.kntc-lp .kntc-lp-cta:hover{transform:translateY(-2px) scale(1.02)!important;filter:brightness(1.07)!important}
.kntc-lp .kntc-lp-cta:active{transform:translateY(0) scale(.99)!important}

/* Nút vàng (đăng ký chính) — sáng, hút mắt, có vòng sáng nhẹ */
.kntc-lp .kntc-lp-ctagold{
  background:linear-gradient(135deg,#ffd257,#f0b429 55%,#e89a12)!important;color:#3a2a08!important;
  box-shadow:0 16px 40px -12px rgba(240,180,41,.6),0 0 0 1px rgba(255,255,255,.25) inset!important;
}
/* Ép mọi theme dùng nút bo tròn (kể cả elegant trước đây vuông) */
.kntc-tpl-elegant .kntc-lp-cta{border-radius:999px!important}

/* Nút phụ "Đăng nhập": nhẹ, không cạnh tranh nút chính */
.kntc-lp .kntc-lp-login,.kntc-lp .kntc-lp-login2{
  opacity:.82;text-decoration:none!important;border-bottom:1px dashed currentColor;padding-bottom:1px;
  font-size:13.5px!important;transition:opacity .18s;
}
.kntc-lp .kntc-lp-login:hover,.kntc-lp .kntc-lp-login2:hover{opacity:1}

/* ---------- 2) HERO: font thanh thoát hơn, khoảng thở ---------- */
.kntc-lp .kntc-lp-headline{
  font-weight:800!important;line-height:1.2!important;letter-spacing:-.01em!important;
  margin:18px auto 22px!important;
}
.kntc-lp .kntc-lp-name{font-weight:800!important}
.kntc-lp .kntc-lp-badge{
  letter-spacing:.4px;font-weight:700!important;backdrop-filter:blur(4px);
}
.kntc-lp .kntc-lp-herocta{gap:14px!important;margin-top:6px}
.kntc-lp .kntc-lp-hero{padding-bottom:52px!important}

/* ---------- 3) KHỐI KÊNH: bỏ nền trắng, hòa nền trang, nút tự nổi ---------- */
/* Khối kênh không còn nền trắng thô — trong suốt, hòa với trang */
.kntc-lp .kntc-lp-channels{gap:14px!important;padding:4px 0}
.kntc-lp-chwrap{background:transparent!important;border:none!important;box-shadow:none!important;padding:8px 0!important}

/* Nút mạng xã hội: tự nổi bằng bóng + nảy nhẹ, giữ màu thương hiệu */
.kntc-lp .kntc-lp-chbtn{
  border-radius:999px!important;padding:12px 22px!important;
  font-weight:700!important;font-size:14.5px!important;color:#fff!important;text-decoration:none!important;
  display:inline-flex;align-items:center;gap:7px;
  box-shadow:0 10px 24px -8px rgba(0,0,0,.45)!important;
  transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,filter .2s!important;
  animation:kntcChBob 3.4s ease-in-out infinite;
}
.kntc-lp .kntc-lp-chbtn:nth-child(2){animation-delay:.3s}
.kntc-lp .kntc-lp-chbtn:nth-child(3){animation-delay:.6s}
.kntc-lp .kntc-lp-chbtn:nth-child(4){animation-delay:.9s}
.kntc-lp .kntc-lp-chbtn:hover{transform:translateY(-4px) scale(1.05)!important;filter:brightness(1.1)!important;box-shadow:0 16px 32px -8px rgba(0,0,0,.5)!important}
@keyframes kntcChBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media (prefers-reduced-motion:reduce){.kntc-lp .kntc-lp-chbtn{animation:none}}

/* (rule màu tiêu đề khối kênh — xem bản chính xác ở phần v4.7.2 phía dưới) */

/* ---------- 4) KHỐI CUỐI + MẠNG XÃ HỘI CỘNG ĐỒNG ZACAI ---------- */
.kntc-lp .kntc-lp-final{
  border-radius:24px!important;padding:40px 28px!important;
  box-shadow:0 24px 60px -24px rgba(0,0,0,.55)!important;position:relative;overflow:hidden;
}
.kntc-lp .kntc-lp-final::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.1),transparent 45%);
}
.kntc-lp .kntc-lp-fname{font-size:20px!important;font-weight:800!important;position:relative}

/* Dãy mạng xã hội cộng đồng dưới nút đăng ký */
.kntc-lp-community{
  margin-top:24px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);
  position:relative;
}
.kntc-lp-community-t{font-size:13.5px;font-weight:600;opacity:.85;margin-bottom:14px;letter-spacing:.3px}
.kntc-lp-social{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.kntc-lp-soc{
  display:inline-flex;align-items:center;gap:8px;
  padding:11px 20px;border-radius:999px;font-weight:700;font-size:14px;color:#fff!important;text-decoration:none!important;
  box-shadow:0 8px 22px -8px rgba(0,0,0,.5);
  transition:transform .2s cubic-bezier(.34,1.56,.64,1),filter .2s,box-shadow .2s;
}
.kntc-lp-soc:hover{transform:translateY(-3px) scale(1.05);filter:brightness(1.1);box-shadow:0 14px 30px -8px rgba(0,0,0,.55)}
.kntc-lp-soc-youtube{background:linear-gradient(135deg,#ff3d3d,#cc0000)}
.kntc-lp-soc-facebook{background:linear-gradient(135deg,#2d88ff,#0c5dc7)}
.kntc-lp-soc-tiktok{background:linear-gradient(135deg,#25f4ee,#000,#fe2c55)}
.kntc-lp-soc-zalo{background:linear-gradient(135deg,#3a9bff,#0050c8)}
.kntc-lp-soc-group{background:linear-gradient(135deg,#00c26e,#009e57)}
.kntc-lp-soc-instagram{background:linear-gradient(135deg,#f9ce34,#ee2a7b,#6228d7)}
.kntc-lp-soc-telegram{background:linear-gradient(135deg,#42a5f5,#0d8ddb)}
.kntc-lp-soc-discord{background:linear-gradient(135deg,#7289da,#5865f2)}
.kntc-lp-soc-threads{background:linear-gradient(135deg,#3a3a3a,#000)}
.kntc-lp-soc-linkedin{background:linear-gradient(135deg,#0a66c2,#004182)}
.kntc-lp-soc-website{background:linear-gradient(135deg,#0a5c5b,#0e7c7b)}
@media(max-width:560px){.kntc-lp-social{flex-direction:column;align-items:stretch}.kntc-lp-soc{justify-content:center}}

/* ============================================================
   v4.7.1 — FIX theo phản hồi thực tế
   - Áp font Be Vietnam Pro (đẹp, chuyên tiếng Việt) cho trang giới thiệu
   - Sửa chữ tiêu đề khối kênh bị chìm trên nền tối
   - Tinh chỉnh hero cho chuyên nghiệp hơn
   ============================================================ */

/* ---- Font đẹp cho toàn trang giới thiệu ---- */
.kntc-lp,.kntc-home,.kntc-reg-wrap,.kntc-gl,.kntc-intro,.kntc-academy{
  font-family:'Be Vietnam Pro',-apple-system,"Segoe UI",Roboto,sans-serif!important;
}
.kntc-lp .kntc-lp-headline,.kntc-lp .kntc-lp-name,.kntc-lp .kntc-lp-fname,
.kntc-lp .kntc-lp-sectitle,.kntc-lp .kntc-lp-cta,.kntc-lp-soc,.kntc-lp .kntc-lp-chbtn{
  font-family:'Be Vietnam Pro',-apple-system,"Segoe UI",Roboto,sans-serif!important;
}

/* ---- FIX ảnh 1 (v4.7.2): tiêu đề khối kênh LUÔN ở trên nền sáng/trong suốt
   (.kntc-lp-body luôn background:transparent, dù theme màu gì) — nên chữ
   phải LUÔN đậm dễ đọc, không phụ thuộc class .kntc-lp2 (class này luôn có
   mặt trên mọi theme, không phản ánh nền sáng/tối thật của vị trí khối). */
.kntc-lp .kntc-lp-sec:has(.kntc-lp-channels) .kntc-lp-sectitle,
.kntc-lp-channels-title{
  color:#0a5c5b!important;font-weight:800!important;font-size:16px!important;
  text-shadow:none!important;margin-bottom:16px!important;
}

/* ---- Hero: tiêu đề chuyên nghiệp hơn (ảnh 3) ---- */
.kntc-lp .kntc-lp-headline{
  font-weight:800!important;letter-spacing:-.015em!important;line-height:1.18!important;
}
.kntc-lp .kntc-lp-sub{opacity:.88;font-size:15px!important;line-height:1.7!important}
/* Nút phụ "Đăng nhập" trong hero: LUÔN xuống dòng riêng, cách nút chính rõ ràng
   (phòng trường hợp vùng chứa không phải flex-column vì lý do khác) */
.kntc-lp .kntc-lp-herocta{flex-direction:column!important;gap:16px!important;display:flex!important;align-items:center!important}
.kntc-lp .kntc-lp-herocta .kntc-lp-cta{margin:0 auto}
.kntc-lp .kntc-lp-herocta .kntc-lp-login,
.kntc-lp .kntc-lp-herocta .kntc-lp-login2{
  display:block!important;margin-top:2px!important;position:static!important;
}

/* ============================================================
   v4.7.1 — FIX trang Đổi mật khẩu (ảnh 4): đảm bảo hiện card đẹp,
   input & nút chuẩn, không còn chữ trắng trơ trên nền tối.
   ============================================================ */
/* ---- Trang Đổi mật khẩu: form riêng, ép xếp DỌC tuyệt đối
   (phòng theme/site-builder áp display:flex hàng ngang lên mọi <form>) ---- */
.kntc-reg-card h2{font-family:'Be Vietnam Pro',sans-serif!important;color:#0a2540!important;font-size:22px!important;font-weight:800!important;margin:0 0 20px!important;text-align:center}
.kntc-chpw-form{
  display:flex!important;flex-direction:column!important;gap:6px!important;
  width:100%!important;
}
.kntc-chpw-form label{
  display:block!important;width:100%!important;flex:0 0 auto!important;
  font-size:14px!important;font-weight:700!important;color:#33404f!important;margin-bottom:14px!important;
}
.kntc-chpw-form input[type=password]{
  display:block!important;width:100%!important;max-width:100%!important;
  margin-top:7px!important;padding:12px 15px!important;
  border:1.5px solid #d7dce8!important;border-radius:11px!important;font-size:15px!important;
  background:#fff!important;color:#14213d!important;box-sizing:border-box!important;
  transition:border-color .18s,box-shadow .18s!important;
}
.kntc-chpw-form input:focus{border-color:#0e7c7b!important;box-shadow:0 0 0 3px rgba(14,124,123,.16)!important;outline:none!important}
.kntc-chpw-form .kntc-reg-btn{width:100%!important;margin-top:8px!important;border:none!important}
/* Ép luôn có card + nền gradient bao quanh, không để theme phá layout ngoài */
.kntc-reg-wrap{
  display:flex!important;align-items:center!important;justify-content:center!important;
  min-height:80vh!important;width:100%!important;
  background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 45%,#0891b2 120%)!important;
}
.kntc-reg-card{
  display:block!important;width:100%!important;max-width:440px!important;
  background:rgba(255,255,255,.98)!important;border-radius:22px!important;
  padding:36px 32px!important;box-shadow:0 32px 80px -24px rgba(0,0,0,.6)!important;
}
.kntc-reg-card input[type=password],.kntc-reg-card input[type=text],.kntc-reg-card input[type=email]{
  width:100%!important;margin-top:7px!important;padding:12px 15px!important;
  border:1.5px solid #d7dce8!important;border-radius:11px!important;font-size:15px!important;
  background:#fff!important;color:#14213d!important;box-sizing:border-box!important;
  transition:border-color .18s,box-shadow .18s!important;
}
.kntc-reg-card input:focus{border-color:#0e7c7b!important;box-shadow:0 0 0 3px rgba(14,124,123,.16)!important;outline:none!important}
.kntc-reg-card .kntc-reg-btn{width:100%!important;margin-top:8px!important;border:none!important}

/* Ép trang đổi mật khẩu luôn có nền gradient + card (kể cả theme phá layout) */
body.page-template-default .kntc-reg-wrap,
.kntc-reg-wrap{min-height:80vh!important;display:flex!important;align-items:center!important;justify-content:center!important}

/* ============================================================
   v4.7.3 — FIX theo phản hồi ảnh (khu vận hành + khối kênh + menu)
   ============================================================ */

/* ---- Ảnh 2: nền khối (.kntc-lp-sec) hết trắng phẳng thô, có chiều sâu ---- */
.kntc-lp .kntc-lp-sec{
  background:linear-gradient(180deg,#ffffff,#fafcfe)!important;
  border:1px solid rgba(10,60,60,.08)!important;
  box-shadow:0 12px 32px -18px rgba(10,40,60,.18),0 1px 0 rgba(255,255,255,.8) inset!important;
  padding:28px 24px!important;
}

/* ---- Ảnh 3: nút tài khoản hết là "dấu chấm tròn" vô nghĩa —
   thay bằng avatar thật của người dùng, có viền sáng rõ ràng ---- */
.kntc-acct-btn{
  background:linear-gradient(135deg,#0e7c7b,#0a5c5b)!important;
  border:2px solid rgba(255,255,255,.35)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  overflow:hidden!important;padding:0!important;
  box-shadow:0 4px 14px -4px rgba(0,0,0,.35)!important;
  transition:transform .18s,border-color .18s!important;
}
.kntc-acct-btn:hover{transform:scale(1.06)!important;border-color:rgba(255,255,255,.6)!important}
.kntc-acct-init{color:#fff!important;font-weight:800!important;font-size:15px!important;font-family:'Be Vietnam Pro',sans-serif!important;letter-spacing:0}
.kntc-acct-btn img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}

/* ============================================================
   v4.7.6 — Khóa bài học tuần tự / theo điểm / theo mã (thực sự hoạt động)
   ============================================================ */
.kntc-tb-locked{background:linear-gradient(135deg,#e8a020,#d18a10)!important;border-color:transparent!important;color:#fff!important}
.kntc-tb-locked:hover{filter:brightness(1.08)}
.kntc-ls-lock{font-size:13px;color:#94a3b8;font-weight:600;white-space:nowrap}

/* ============================================================
   v4.7.11 — Khối "Kênh của bạn" (theo dõi & like): hòa vào nền trang,
   không còn là khối trắng vuông góc tách biệt (ảnh 5 phản hồi).
   ============================================================ */
.kntc-lp .kntc-lp-sec:has(.kntc-lp-channels){
  background:transparent!important;border:none!important;box-shadow:none!important;
  padding:10px 4px 4px!important;
}