.tnl{--blue:#2B4CFE;line-height:1.7;color:#334155;font-size:17px}
.tnl *{box-sizing:border-box}
.tnl-hero{background:linear-gradient(135deg,#0B1230,#1B2247);border-radius:18px;padding:36px 32px;color:#fff;margin:0 0 26px}
.tnl-hero h1{color:#fff;font-size:1.85rem;margin:0 0 10px;font-weight:800}
.tnl-hero p{color:rgba(255,255,255,.85);margin:0}
.tnl h2{font-size:1.45rem;font-weight:800;color:#0F172A;margin:30px 0 14px;padding-left:14px;border-left:5px solid var(--blue)}
.tnl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.tnl-card{display:block;background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:20px;box-shadow:0 2px 12px rgba(15,23,42,.06);text-decoration:none;transition:.2s}
.tnl-card:hover{box-shadow:0 8px 24px rgba(43,76,254,.14);transform:translateY(-2px)}
.tnl-card h3{margin:0 0 6px;color:#0F172A;font-size:1.1rem}
.tnl-card p{margin:0;color:#475569;font-size:14px}
.tnl-list{columns:2;column-gap:30px;margin:0;padding:0 0 0 18px}
.tnl-list li{margin-bottom:8px}
.tnl a.txt{color:#059669;font-weight:600}
@media(max-width:600px){.tnl-list{columns:1}}