
.boai-tp{--tp-panel:#0d1829;--tp-panel2:#111f34;--tp-line:#2a405b;--tp-muted:#99aac0;--tp-accent:#56daf7;max-width:1280px;margin:0 auto;padding:28px 18px 65px;color:#edf5ff}
.boai-tp-hero{border:1px solid var(--tp-line);border-radius:24px;padding:38px;background:linear-gradient(135deg,#10213b,#091525);margin-bottom:18px}
.boai-tp-hero>span{text-transform:uppercase;letter-spacing:.14em;color:var(--tp-accent);font-size:.75rem;font-weight:900}
.boai-tp-hero h1{margin:8px 0 10px!important;color:#fff!important;font-size:clamp(2.3rem,6vw,4rem)!important;line-height:1.03!important}
.boai-tp-hero>p{max-width:900px;color:#aebed0;font-size:1.06rem;margin:0}
.boai-tp-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}.boai-tp-chips span{border:1px solid #36516f;background:#0b1829;border-radius:999px;padding:6px 10px;color:#cfe2f4;font-size:.78rem;font-weight:800}
.boai-tp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px;max-width:720px}.boai-tp-stats>div{border:1px solid #29435f;background:rgba(6,16,29,.52);border-radius:12px;padding:12px}.boai-tp-stats strong{display:block;color:var(--tp-accent);font-size:1.5rem}.boai-tp-stats span{display:block;color:#8ea3ba;font-size:.76rem;margin-top:2px}
.boai-tp-section{margin-top:34px}.boai-tp-section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:13px}.boai-tp-section-head h2{color:#fff!important;margin:0 0 3px!important;font-size:1.65rem!important}.boai-tp-section-head p{color:#8fa3ba;margin:0}.boai-tp-section-head>a{color:var(--tp-accent);text-decoration:none;font-weight:850;white-space:nowrap}
.boai-tp-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.boai-tp-module{display:flex;flex-direction:column;min-height:190px;border:1px solid var(--tp-line);border-radius:15px;background:var(--tp-panel);padding:17px;text-decoration:none!important}.boai-tp-module:hover{border-color:#496988;background:#12223a;transform:translateY(-2px)}.boai-tp-module>span{text-transform:uppercase;letter-spacing:.08em;color:var(--tp-accent);font-size:.68rem;font-weight:900}.boai-tp-module>strong{color:#fff;font-size:1.08rem;margin-top:6px}.boai-tp-module>p{color:#98aac0;margin:7px 0;font-size:.86rem}.boai-tp-module>b{color:var(--tp-accent);margin-top:auto}
.boai-tp-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.boai-tp-resource{display:flex;flex-direction:column;min-height:165px;border:1px solid var(--tp-line);border-radius:14px;background:#0b1626;padding:15px;text-decoration:none!important}.boai-tp-resource>span{text-transform:uppercase;letter-spacing:.08em;color:var(--tp-accent);font-size:.66rem;font-weight:900}.boai-tp-resource>strong{color:#fff;font-size:1rem;margin-top:5px}.boai-tp-resource>p{color:#94a6bc;margin:7px 0;font-size:.83rem}.boai-tp-resource>b{margin-top:auto;color:var(--tp-accent)}
.boai-tp-tech-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.boai-tp-tech{display:flex;flex-direction:column;min-height:265px;border:1px solid var(--tp-line);border-radius:17px;background:var(--tp-panel);padding:18px;text-decoration:none!important}.boai-tp-tech:hover{border-color:#4a6b8d;background:#12233b;transform:translateY(-2px)}.boai-tp-tech>span{text-transform:uppercase;color:var(--tp-accent);font-size:.68rem;font-weight:900;letter-spacing:.08em}.boai-tp-tech>strong{color:#fff;font-size:1.25rem;margin-top:6px}.boai-tp-tech>p{color:#9dafc4;font-size:.85rem;margin:8px 0}.boai-tp-tech>div{display:flex;gap:5px;flex-wrap:wrap;margin:4px 0 10px}.boai-tp-tech em{font-style:normal;border:1px solid #304863;border-radius:999px;padding:4px 7px;color:#b6c7da;font-size:.66rem}.boai-tp-tech>b{margin-top:auto;color:var(--tp-accent)}
@media(max-width:900px){.boai-tp-module-grid,.boai-tp-resource-grid,.boai-tp-tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.boai-tp{padding-left:16px;padding-right:16px}.boai-tp-hero{padding:27px 21px}.boai-tp-module-grid,.boai-tp-resource-grid,.boai-tp-tech-grid,.boai-tp-stats{grid-template-columns:1fr}.boai-tp-section-head{align-items:flex-start;flex-direction:column}.boai-tp-section-head>a{margin-top:-8px}}
