/* TODAYTV — CSS CHUNG CHO TRANG CON
   Token nam o assets/tokens.css. Khong dat mau cung o day —
   dung var(--brand) / var(--brand-2) / rgba(var(--brand-rgb), a). */
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 84% 7%,rgba(var(--brand-2-rgb),.11),transparent 24%),radial-gradient(circle at 8% 72%,rgba(104,104,104,.14),transparent 28%),var(--bg);color:var(--text);font-family:"Open Sans",sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(#000000,transparent 86%)}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(calc(100% - 48px),var(--max));margin:auto}.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(21,21,21,.84);backdrop-filter:blur(18px)}.header-row{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo img{display:block;width:106px}.menu{display:flex;align-items:center;gap:4px;margin:0;padding:0;list-style:none}.menu a{display:block;padding:9px 12px;border-radius:9px;color:var(--muted);font-size:14px;font-weight:700;white-space:nowrap;transition:.2s}.menu a:hover,.menu a.active{color:#FFFFFF;background:rgba(var(--brand-rgb),.13)}.menu a.active{color:var(--brand2)}.ai-link{border:1px solid rgba(var(--brand-rgb),.45)!important}.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:#FFFFFF}.hero{padding:82px 0 58px}.eyebrow{display:none}.eyebrow:before{content:"";width:28px;height:2px;background:var(--brand)}h1{max-width:930px;margin:14px 0;font-size:var(--hero-title-size);line-height:1.1;letter-spacing:-.03em;text-wrap:balance}h1 span{color:var(--brand)}.lead{max-width:760px;margin:0;color:var(--muted);font-size:17px;line-height:1.75}.content{padding:22px 0 100px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-head h2{margin:0;font-size:var(--title-size);letter-spacing:-.035em}.section-head p{max-width:560px;margin:0;color:var(--muted);line-height:1.65}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:0 18px 48px rgba(0,0,0,.2);transition:.25s}.card:hover{transform:translateY(-5px);border-color:rgba(var(--brand-rgb),.65)}.card figure{position:relative;margin:0;aspect-ratio:16/10;overflow:hidden;background:var(--panel2)}.card figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(11,11,11,.58))}.card img{width:100%;height:100%;object-fit:cover;transition:.5s}.card:hover img{transform:scale(1.045)}.card-body{padding:21px}.tag{display:inline-flex;margin-bottom:13px;color:var(--brand2);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.card h2,.card h3{margin:0 0 10px;font-size:22px;line-height:1.35}.card p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.card-link{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:#FFFFFF;font-size:14px;font-weight:800}.card-link svg{width:15px;height:15px;color:var(--brand);transition:.2s}.card:hover .card-link svg{transform:translateX(4px)}.feature{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:24px;border:1px solid var(--line);border-radius:24px;background:rgba(32,32,32,.72);overflow:hidden}.feature-copy{padding:clamp(28px,5vw,64px);align-self:center}.feature-copy>.tag{display:none}.feature-copy h2{margin:0 0 16px;font-size:clamp(24px,2.8vw,34px);line-height:1.18}.feature-copy p{color:var(--muted);line-height:1.75}.feature-media{min-height:420px}.feature-media img{width:100%;height:100%;object-fit:cover}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}.stat{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.stat strong{display:block;color:var(--brand2);font-size:30px}.stat span{color:var(--muted);font-size:14px}.jobs{display:grid;gap:14px}.job{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:24px;border:1px solid var(--line);border-radius:17px;background:var(--panel);transition:.2s}.job:hover{border-color:var(--brand);background:var(--panel2)}.job h2{margin:0 0 7px;font-size:21px}.job p{margin:0;color:var(--muted);font-size:14px}.job-meta{display:flex;gap:8px;flex-wrap:wrap}.pill{padding:7px 10px;border-radius:999px;background:rgba(var(--brand-rgb),.1);color:var(--brand2);font-size:12px;font-weight:700}.cta{margin-top:28px;padding:34px;border:1px solid rgba(var(--brand-rgb),.38);border-radius:21px;background:linear-gradient(120deg,rgba(var(--brand-rgb),.15),rgba(32,32,32,.8));display:flex;justify-content:space-between;align-items:center;gap:24px}.cta h2{margin:0 0 7px}.cta p{margin:0;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;background:var(--brand);color:#171717;font-weight:800;white-space:nowrap}.footer{border-top:1px solid rgba(255,255,255,.08);padding:28px 0;color:var(--muted);font-size:14px}.footer .container{display:flex;justify-content:space-between;gap:20px}
@media(max-width:1050px){.menu a{padding:8px 7px;font-size:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.container{width:min(calc(100% - 28px),var(--max))}.header-row{height:68px}.menu-toggle{display:grid;place-items:center}.menu{display:none;position:absolute;top:68px;left:14px;right:14px;flex-direction:column;align-items:stretch;padding:10px;border:1px solid var(--line);border-radius:15px;background:rgba(32,32,32,.98)}.menu.open{display:flex}.menu a{padding:12px}.hero{padding:56px 0 42px}.section-head,.cta{align-items:flex-start;flex-direction:column}.feature{grid-template-columns:1fr}.feature-media{min-height:280px;order:-1}.grid{grid-template-columns:1fr}.job{grid-template-columns:1fr}.footer .container{flex-direction:column}}
@media(max-width:430px){.container{width:calc(100% - 20px)}h1{font-size:var(--hero-title-size)}.hero{padding-top:44px}.stats{grid-template-columns:1fr}.card-body{padding:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.footer{position:relative;isolation:isolate;overflow:hidden;border-top:1px solid rgba(var(--brand-rgb),.46)!important;padding:34px 0!important;color:#BFBFBF!important;background:#0D0D0D url('../images/bg/todaytv-footer-bg.jpg') center bottom/cover no-repeat!important}.footer:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,11,11,.92),rgba(11,11,11,.62),rgba(11,11,11,.9))}

/* ===== Form lien he (dung chung) ===== */
.contact-form{margin-top:28px;padding:30px;border:1px solid rgba(var(--brand-rgb),.38);border-radius:21px;background:linear-gradient(120deg,rgba(var(--brand-rgb),.15),rgba(32,32,32,.8))}
.contact-form h2{margin:0 0 8px}
.contact-form>p{margin:0 0 22px;color:var(--muted)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-form label{display:block;margin-bottom:14px}
.contact-form label span{display:block;margin-bottom:6px;color:var(--muted);font-size:14px;font-weight:600}
.contact-form input,.contact-form textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(21,21,21,.75);color:#FFFFFF;font:inherit;font-size:14px;outline:0;transition:.2s}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--brand)}
.contact-form textarea{min-height:120px;resize:vertical}
.form-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:4px}
.form-note{margin:0;color:var(--muted);font-size:12px}
.contact-form .btn{border:0;cursor:pointer}
@media(max-width:780px){.form-row{grid-template-columns:1fr}}

/* Form ung tuyen mo bang nut */
.app-form[hidden]{display:none}
.contact-form select{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(21,21,21,.75);color:#FFFFFF;font:inherit;font-size:14px;outline:0}
.contact-form select:focus{border-color:var(--brand)}

/* ===== Footer: khoi lien he IMC ===== */
.footer .footer-grid{display:flex;flex-direction:column;gap:16px;align-items:stretch}
.footer-contact .fc-label{display:inline-block;color:var(--brand2,#FC850E);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
.footer-contact p{margin:0 0 4px;color:inherit;font-size:14px;line-height:1.7}
.footer-contact a{font-weight:600}
.footer-contact a:hover{color:var(--brand2,#FC850E)}
.fc-dot{display:inline-block;width:14px}
.footer-base{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}