﻿.tnl-page { color:#191c1d; }
.tnl-eyebrow { display:inline-block; margin-bottom:16px; padding:8px 14px; border-radius:999px; background:#acf4a4; color:#002203; font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.tnl-hero { position:relative; overflow:hidden; border-radius:28px; padding:84px 56px; background:linear-gradient(135deg, rgba(0,30,64,.88), rgba(0,51,102,.78)); color:#fff; }
.tnl-hero h1, .tnl-page h1, .tnl-page h2, .tnl-page h3, .tnl-page h4 { font-family:'Be Vietnam Pro',sans-serif; letter-spacing:-.03em; }
.tnl-hero p, .tnl-page p, .tnl-page li, .tnl-page label, .tnl-page input, .tnl-page textarea, .tnl-page select { font-family:'Manrope','Be Vietnam Pro',sans-serif; }
.tnl-hero-media { position:absolute; inset:0; }
.tnl-hero-media img { width:100%; height:100%; object-fit:cover; opacity:.32; }
.tnl-hero-content { position:relative; z-index:2; max-width:760px; }
.tnl-panel { border-radius:24px; background:rgba(255,255,255,.82); backdrop-filter:blur(18px); box-shadow:0 20px 50px rgba(15,23,42,.08); }
.tnl-card { height:100%; padding:28px; border-radius:24px; background:#fff; box-shadow:0 18px 44px rgba(15,23,42,.06); }
.tnl-card.soft { background:#f3f4f5; }
.tnl-card.dark { background:linear-gradient(135deg, #001e40, #003366); color:#fff; }
.tnl-stat-grid, .tnl-feature-grid, .tnl-property-grid, .tnl-service-grid, .tnl-team-grid, .tnl-contact-grid, .tnl-blog-grid, .tnl-form-grid, .tnl-meta-grid { display:grid; gap:24px; }
.tnl-stat-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.tnl-feature-grid, .tnl-service-grid, .tnl-team-grid, .tnl-blog-grid, .tnl-form-grid, .tnl-contact-grid, .tnl-meta-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.tnl-property-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.tnl-card img, .tnl-post-cover img, .tnl-map img { border-radius:18px; }
.tnl-kpi { text-align:center; color:#fff; }
.tnl-kpi strong { display:block; font-size:34px; line-height:1; }
.tnl-kpi span { display:block; margin-top:8px; opacity:.78; font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.tnl-search-shell { margin-top:36px; padding:18px; }
.tnl-search-grid { display:grid; gap:14px; grid-template-columns:repeat(4,minmax(0,1fr)); }
.tnl-field, .tnl-form input, .tnl-form textarea, .tnl-form select { width:100%; padding:14px 16px; border:0; border-radius:16px; background:#fff; box-shadow:inset 0 0 0 1px rgba(115,119,128,.12); }
.tnl-form textarea { min-height:140px; }
.tnl-btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:52px; padding:0 24px; border-radius:16px; background:linear-gradient(135deg, #001e40, #003366); color:#fff; font-weight:800; text-decoration:none; }
.tnl-btn.secondary { background:#acf4a4; color:#002203; }
.tnl-chip-row { display:flex; flex-wrap:wrap; gap:12px; }
.tnl-chip { padding:10px 14px; border-radius:999px; background:#e7e8e9; color:#191c1d; font-size:13px; font-weight:700; }
.tnl-property-card { overflow:hidden; border-radius:24px; background:#fff; box-shadow:0 16px 38px rgba(15,23,42,.08); }
.tnl-price { color:#18b67e; font-size:30px; font-weight:800; }
.tnl-meta { margin-top:10px; color:#667085; font-size:14px; }
.tnl-list { margin:0; padding-left:18px; }
.tnl-list li + li { margin-top:8px; }
.tnl-post-cover img, .tnl-map img { width:100%; display:block; }
.tnl-aside { padding:28px; border-radius:24px; background:#f3f4f5; }
.tnl-contact-card { padding:24px; border-radius:20px; background:#f3f4f5; }
.tnl-note { font-size:14px; color:#667085; }
.tnl-divider { height:1px; margin:28px 0; background:rgba(115,119,128,.14); }
.tnl-section-title { margin-bottom:12px; color:#001e40; font-size:42px; font-weight:900; line-height:1.08; }
.tnl-section-desc { max-width:760px; color:#43474f; font-size:18px; line-height:1.8; }
@media (max-width:849px) { .tnl-hero{padding:56px 24px;border-radius:22px;} .tnl-stat-grid,.tnl-feature-grid,.tnl-property-grid,.tnl-service-grid,.tnl-team-grid,.tnl-contact-grid,.tnl-blog-grid,.tnl-form-grid,.tnl-meta-grid,.tnl-search-grid{grid-template-columns:1fr;} .tnl-section-title{font-size:32px;} }
