body {font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;background: #f6f6f6;color: #222;}.topbar {background: #fff;border-bottom: 1px solid #e6e6e6;color: #222;font-size: 14px;padding: 6px 0;transition: 0.3s;}.topbar-inner {display: flex;justify-content: space-between;align-items: center;}.topbar .top-center {display: flex;gap: 1.5rem;}.topbar .top-nav-link {color: #222;font-weight: 500;text-decoration: none;transition: color 0.2s;}.topbar .top-nav-link:hover, .topbar .top-nav-link.active {color: #ff4500;}.topbar .top-right {display: flex;gap: 0.5rem;}.topbar .top-right a.social {color: #222;text-decoration: none;}.topbar .top-right a.social:hover {color: #ff4500;}.topbar.hide {transform: translateY(-100%);}#site-header {position: sticky;top: 0;z-index: 9999;background: #fff;width: 100vw;max-width: 100vw;margin-left: calc(50% - 50vw) !important;margin-right: calc(50% - 50vw) !important;}.topbar, .main-row {width: 100%;background: #ffffff;}.container-nav {max-width: 1200px;margin: 0 auto;padding: 0 15px;display: flex;justify-content: space-between;align-items: center;}.logo {height: 48px;}.main-nav {background: #fff;border-bottom: 1px solid #e6e6e6;transition: transform 0.3s ease, box-shadow 0.3s ease;}.main-nav-sticky {position: fixed;top: 0;left: 0;width: 100vw;max-width: 100vw;background: #fff;z-index: 9999;box-shadow: 0 3px 10px rgba(0,0,0,0.08);}.main-nav-inner {display: flex;justify-content: space-between;align-items: center;padding: 10px 0;}.nav-center {display: flex;gap: 1.5rem;}.nav-cat {text-transform: capitalize;}.nav-center a.active {color: #ff4500;font-weight: 600;}.cta-btn {padding: 8px 14px;background: #ff4500;color: #fff;border-radius: 4px;text-decoration: none;}.hamburger {display: none;font-size: 26px;background: none;border: none;cursor: pointer;position: absolute;right: 15px;top: 18px;}.mobile-menu {display: none;flex-direction: column;gap: 1rem;background: #fff;padding: 15px;border-bottom: 1px solid #eee;}.mobile-menu.show {display: flex;}@media (max-width: 992px) {.topbar {display: none !important;}.main-nav-inner {position: relative;justify-content: center !important;}.nav-left {width: 100%;display: flex;justify-content: center;}#desktop-menu, .nav-center {display: none !important;}.nav-right .cta-btn {display: none !important;}.hamburger {display: block !important;}.mobile-menu a {text-align: center;display: block;padding: 12px;}}@media (max-width: 576px) {.top-center {display: none;}}.post-layout {display: flex;gap: 30px;padding-top: 1.5rem;padding-bottom: 1.5rem;}.post-content {flex: 3;}.right-sidebar {flex: 1;}.featured-image {max-width: 100%;height: auto;display: block;margin: 20px auto;}.blog-list {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;margin-top: 20px;flex: 3;}.post-card {background: #fff;padding: 14px;border-radius: 6px;display: flex;gap: 12px;align-items: flex-start;box-shadow: 0 6px 18px rgba(0,0,0,0.04);}.post-card img {width: 140px;height: 92px;object-fit: cover;border-radius: 4px;}.post-info .post-title {font-size: 18px;font-weight: 600;margin-bottom: 8px;}.widget {background: #fff;padding: 16px;margin-bottom: 18px;border-radius: 6px;}.comments-section textarea, .comments-section input {width: 100%;padding: 10px;margin: 8px 0;border: 1px solid #ddd;border-radius: 4px;}.post-comment-btn {padding: 8px 14px;background: #ff4500;color: #fff;border: none;border-radius: 4px;cursor: pointer;}.post-comment-btn:hover {background: #e03e00;}.post-navigation {display: flex;justify-content: space-between;margin-top: 1.5rem;}footer {background: #111;color: #fff;margin-top: 40px;padding: 20px 0;}.footer-main {display: grid;grid-template-columns: repeat(4,1fr);gap: 20px;padding-bottom: 10px;}body, footer {padding-left: 20px;padding-right: 20px;}.nav-center a {padding: 6px 4px;}.footer-container {max-width: 1200px;margin: auto;padding-left: 20px;padding-right: 20px;}.footer-bottom {margin-top: 20px;padding-top: 15px;border-top: 1px solid #333;display: flex;justify-content: space-between;align-items: center;}.footer-social {display: flex;gap: 15px;}.footer-social a {color: #fff;text-decoration: none;font-size: 16px;}.footer-social a:hover {color: #ff4500;}.footer-main {display: grid;grid-template-columns: repeat(4, 1fr);gap: 25px;}@media (max-width: 768px) {.footer-main {grid-template-columns: 1fr 1fr;}.footer-bottom {flex-direction: column;gap: 10px;}}@media (max-width:768px) {.blog-list {grid-template-columns: 1fr;}.post-layout {flex-direction: column;}.footer-main {grid-template-columns:1fr 1fr;}}.category-card {display: block;margin-bottom: 24px;max-width: 320px;}.category-thumb {width: 100%;height: 180px;object-fit: cover;border-radius: 4px;margin-bottom: 8px;}.post-info {text-align: left;}.post-category-link {text-decoration: none;color: #007bff;cursor: pointer;font-size: 0.85rem;}.post-category-link:hover {text-decoration: underline;}.post-title a {color: #222;text-decoration: none;}.post-title a:hover {text-decoration: underline;}.post-date {font-size: 0.8rem;color: #555;}.hero-section {background: #dd80d3;color: #fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:40px 40px;border-radius:8px;margin:20px 0;}.hero-text {flex:1 1 500px;max-width:600px;}.hero-image {flex:1 1 300px;max-width:400px;text-align:center;padding:0px 40px;}.hero-image img {max-width: 100%;height: auto;border-radius: 8px;}@media (max-width: 992px) {.hero-section {flex-direction: column;text-align: center;padding: 30px 20px;}.hero-text {order: 2;max-width: 100%;padding: 0px 20px 0 20px;}.hero-image {order: 1;max-width: 100%;padding: 0;margin-bottom: 20px;}}.hero-about {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding: 40px 40px;border-radius: 8px;margin: 20px 0;background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('/assets/images/hero-about-bg.jpg') center/cover no-repeat;color: #fff;}.hero-left {flex: 1 1 500px;max-width: 600px;}.hero-right {flex: 1 1 300px;max-width: 400px;text-align: left;}.hero-right h1 {font-size: 2.5rem;font-weight: bold;margin-bottom: 1rem;}.hero-right .lead {font-size: 1.2rem;}.hero-image-wrapper {position: relative;display: inline-block;}.hero-main-img {width: 100%;height: auto;border-radius: 8px;box-shadow: 0 4px 12px rgba(0,0,0,0.2);}.hero-overlay-img {position: absolute;bottom: -10px;right: -20px;width: 200px;height: 180px;border-radius: 8px;border: 3px solid #fff;box-shadow: 0 4px 12px rgba(0,0,0,0.2);}@media (max-width: 992px) {.hero-about {flex-direction: column;text-align: center;padding: 30px 20px;}.hero-left, .hero-right {max-width: 100%;padding: 0;margin-bottom: 20px;}.hero-right h1 {font-size: 2rem;}.hero-right .lead {font-size: 1rem;}.hero-overlay-img {width: 150px;height: 130px;bottom: -10px;right: 0;}}.hero-contact {background: #dec0c0;padding: 50px 20px;text-align: center;border-radius: 8px;margin: 20px 0;}.hero-contact h1 {font-size: 2.5rem;margin-bottom: 1rem;}.hero-contact p {font-size: 1.2rem;max-width: 800px;margin: 0 auto 1rem auto;}.contact-container {max-width: 900px;margin: 0 auto;padding: 20px;display: flex;flex-direction: column;gap: 40px;}.contact-intro p {margin-bottom: 1.2rem;line-height: 1.6;}.contact-form-section h2 {font-size: 1.8rem;margin-bottom: 15px;}#contact-form {display: flex;flex-direction: column;gap: 12px;}#contact-form label {font-weight: 500;}#contact-form input, #contact-form textarea {padding: 10px;border: 1px solid #ddd;border-radius: 4px;font-size: 1rem;}.cta-btn {background: #ff4500;color: #fff;border: none;padding: 10px 16px;border-radius: 4px;cursor: pointer;font-size: 1rem;}.cta-btn:hover {background: #e03e00;}.contact-info h2 {font-size: 1.8rem;margin-bottom: 10px;}.contact-info ul {list-style: none;padding: 0;}.contact-info li {margin-bottom: 10px;}.contact-faqs h2 {font-size: 1.8rem;margin-bottom: 15px;}.contact-faqs .faq-item {margin-bottom: 15px;}.contact-faqs .faq-item h3 {font-size: 1.1rem;font-weight: 600;}.contact-faqs .faq-item p {font-size: 1rem;line-height: 1.5;}@media (max-width: 768px) {.hero-contact h1 {font-size: 2rem;}.hero-contact p {font-size: 1rem;}}.category-intro.card {background: #ffffff;border-radius: 8px;padding: 20px 25px;margin-bottom: 30px;box-shadow: 0 4px 12px rgba(0,0,0,0.06);}.category-intro.card p {margin-bottom: 12px;line-height: 1.65;color: #222;}.category-intro.card a {color: #ff4500;text-decoration: none;}.category-intro.card a:hover {text-decoration: underline;}