:root { --primary: #003366; --accent: #8c6d1d; --accent-light: #f4ece1; --text: #222222; --light-bg: #fdfdfd; }
body { font-family: 'Helvetica Neue', Arial, sans-serif; line-height: 1.8; color: var(--text); background-color: var(--light-bg); }
.hero-header { padding: 120px 0; background: linear-gradient(135deg, #001f3f 0%, #003366 100%); color: #ffffff; }
h1, h2, h3 { color: var(--primary); font-weight: 800; margin-top: 2.5rem; margin-bottom: 1.5rem; }
.hero-header h1 { color: #ffffff; }
.section-padding { padding: 80px 0; }
.toc-box { background: #f1f3f5; border-left: 5px solid var(--accent); padding: 25px; margin: 30px 0; }
.toc-box a { color: #004a99; text-decoration: underline; font-weight: 600; }
.toc-box a:hover { color: var(--primary); text-decoration: none; }
.seo-content { font-size: 1.1rem; text-align: justify; }
.faq-section { background: #f1f3f5; padding: 60px 0; }
.card { border: none; box-shadow: 0 4px 12px rgba(0,0,0,0.08); margin-bottom: 20px; }
.footer-dark { background: #1a1a1a; color: #eeeeee; padding: 60px 0 30px; }
img { height: auto; max-width: 100%; font-style: italic; }
.navbar { border-bottom: 1px solid #ddd; }
.tf-banner-container { background: #ffffff; border: 2px solid var(--accent); border-radius: 15px; margin: 40px auto; padding: 30px; position: relative; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.08); width: calc(100% - 60px); max-width: 1200px; box-sizing: border-box; clear: both; }
.tf-banner-content { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 30px; position: relative; z-index: 1; }
.tf-logo-wrapper { flex: 0 0 180px; text-align: center; }
.tf-logo { max-width: 100%; height: auto; transition: transform 0.3s ease; }
.tf-text-content { flex: 1; min-width: 300px; }
.tf-title { color: #000000; font-size: 24px; text-transform: uppercase; margin: 0 0 10px 0; font-weight: 800; }
.tf-description { color: #222222; line-height: 1.6; margin-bottom: 15px; font-size: 1.05rem; }
.bold-gold { color: var(--accent); font-weight: 800; }
.bold-dark { color: #000000; font-weight: 800; }
.tf-features { display: flex; gap: 20px; font-size: 0.95em; font-weight: 700; color: #705615; flex-wrap: wrap; }
.tf-cta-wrapper { flex: 0 0 280px; text-align: center; }
.tf-btn-glow { display: inline-block; background: var(--accent); color: #ffffff !important; padding: 18px 25px; border-radius: 10px; font-weight: 900; text-decoration: none; letter-spacing: 0.5px; transition: all 0.3s ease; animation: pulse-gold-white 2s infinite; width: 100%; box-sizing: border-box; font-size: 0.95rem; }
.tf-btn-glow:hover { background: #705615; transform: translateY(-2px); }
.tf-urgency { display: block; margin-top: 12px; font-size: 12px; color: #555555; text-transform: uppercase; font-weight: 700; }
@keyframes pulse-gold-white { 0% { box-shadow: 0 0 0 0 rgba(140, 109, 29, 0.4); } 70% { box-shadow: 0 0 0 10px rgba(140, 109, 29, 0); } 100% { box-shadow: 0 0 0 0 rgba(140, 109, 29, 0); } }
@media (max-width: 992px) { .tf-banner-content { flex-direction: column; text-align: center; } .tf-features { justify-content: center; } .tf-text-content { min-width: 100%; } }