.tn-about-page{background:#071522!important}
.tn-about{max-width:1180px;margin:0 auto;padding:26px 24px 80px;color:#dce7f2}
.tn-about *{box-sizing:border-box}
.tn-about a{text-decoration:none}
.tn-about-breadcrumb{display:flex;gap:9px;align-items:center;color:#72879b;font-size:13px;margin-bottom:24px}
.tn-about-breadcrumb a{color:#9fb5c8}
.tn-about-breadcrumb strong{color:#dce7f2}

.tn-about-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:24px;align-items:stretch;padding:34px;border-radius:28px;background:linear-gradient(135deg,#0d2438 0%,#0a1d2f 60%,#112536 100%);border:1px solid rgba(255,255,255,.07);box-shadow:0 24px 55px rgba(0,0,0,.18)}
.tn-about-kicker{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#f4c524}
.tn-about h1{font-size:clamp(38px,5vw,64px);line-height:1.02;letter-spacing:-.05em;margin:10px 0 18px;color:#fff;font-weight:950}
.tn-about h1 span{color:#f4c524}
.tn-about-lead{max-width:760px;font-size:18px;line-height:1.65;color:#aebfd0;margin:0}
.tn-about-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.tn-about-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:13px;background:#142b40;color:#e7f0f8;font-weight:900;border:1px solid rgba(255,255,255,.07)}
.tn-about-btn-main{background:#f4c524;color:#111a22;border-color:#f4c524}

.tn-about-hero-card{padding:22px;border-radius:20px;background:#081a2a;border:1px solid rgba(255,255,255,.065)}
.tn-about-hero-card-label{font-size:12px;font-weight:900;color:#92a8bb;margin-bottom:14px;text-transform:uppercase;letter-spacing:.08em}
.tn-about-stat{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.tn-about-stat:last-child{border-bottom:0}
.tn-about-stat strong{display:flex;width:28px;height:28px;border-radius:9px;align-items:center;justify-content:center;background:#153149;color:#f4c524}
.tn-about-stat span{color:#d7e2eb;font-size:14px;line-height:1.4}

.tn-about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.tn-about-grid article{padding:24px;border-radius:20px;background:#0c2033;border:1px solid rgba(255,255,255,.065)}
.tn-about-number{font-size:11px;font-weight:950;color:#f4c524;letter-spacing:.12em}
.tn-about h2{margin:7px 0 12px;color:#fff;font-size:26px;line-height:1.18;letter-spacing:-.025em}
.tn-about-grid p,.tn-about-grid li{color:#9fb2c4;line-height:1.6;font-size:14px}
.tn-about-grid ul{padding-left:18px;margin:12px 0 0}

.tn-about-section{margin-top:18px;padding:30px;border-radius:22px;background:#091b2c;border:1px solid rgba(255,255,255,.06)}
.tn-about-section-title{max-width:760px;margin-bottom:18px}
.tn-about-section-title h2{font-size:32px;margin-top:6px}
.tn-about-text-cols{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.tn-about-text-cols p{margin:0;color:#9fb2c4;line-height:1.7}

.tn-about-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.tn-about-steps a{display:block;padding:18px;border-radius:16px;background:#10263a;border:1px solid rgba(255,255,255,.055)}
.tn-about-steps strong{display:block;color:#fff;margin-bottom:6px}
.tn-about-steps span{display:block;color:#8fa5b8;font-size:13px;line-height:1.45}

.tn-about-faq{display:grid;gap:8px}
.tn-about-faq details{padding:16px 18px;border-radius:14px;background:#10263a;border:1px solid rgba(255,255,255,.055)}
.tn-about-faq summary{cursor:pointer;color:#fff;font-weight:900}
.tn-about-faq p{margin:10px 0 0;color:#9fb2c4;line-height:1.6}

.tn-about-cta{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:18px;padding:28px 30px;border-radius:22px;background:linear-gradient(135deg,#122d43,#0b2235);border:1px solid rgba(244,197,36,.25)}
.tn-about-cta h2{margin:5px 0 6px}
.tn-about-cta p{margin:0;color:#9fb2c4}

@media(max-width:850px){
 .tn-about{padding:18px 14px 70px}
 .tn-about-hero{grid-template-columns:1fr;padding:24px 18px;border-radius:22px}
 .tn-about-grid{grid-template-columns:1fr}
 .tn-about-text-cols{grid-template-columns:1fr}
 .tn-about-steps{grid-template-columns:1fr 1fr}
 .tn-about-cta{align-items:flex-start;flex-direction:column}
}
@media(max-width:520px){
 .tn-about h1{font-size:38px}
 .tn-about-lead{font-size:16px}
 .tn-about-steps{grid-template-columns:1fr}
 .tn-about-section{padding:22px 16px}
 .tn-about-section-title h2{font-size:27px}
}