*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;font-size:16px;line-height:1.7;color:#1f2937;background:#f8fafc;}
a{color:#047857;text-decoration:none;border-bottom:1px dashed #047857;}
a:hover{color:#b45309;border-bottom-color:#b45309;}
img,video{max-width:100%;height:auto;display:block;}
.container{max-width:1100px;margin:0 auto;padding:0 20px;}

/* Unique Theme: Emerald, Navy, Saffron */
.top-strip{background:#0c2340;color:#d1d5db;font-size:12px;padding:8px 0;text-align:center;border-bottom:3px solid #047857;}
.site-header{background:#fff;padding:14px 0;border-bottom:1px solid #e5e7eb;}
.header-flex{display:flex;justify-content:space-between;align-items:center;}
.logo{font-family:Georgia,serif;font-size:24px;font-weight:700;color:#0c2340;text-decoration:none;border:none;}
.logo em{color:#047857;font-style:normal;}
.header-right{display:flex;align-items:center;gap:15px;}
.btn-call{background:#0c2340;color:#fff;padding:8px 18px;border-radius:4px;text-decoration:none;font-weight:600;font-size:14px;border:none;}
.btn-wa{background:#047857;color:#fff;padding:8px 18px;border-radius:4px;text-decoration:none;font-weight:600;font-size:14px;border:none;}

.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px;}
.hamburger span{display:block;width:25px;height:3px;background:#0c2340;border-radius:0;}

.main-nav{background:#0c2340;border-bottom:4px solid #d97706;position:sticky;top:0;z-index:1000;}
.nav-list{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;}
.nav-list a{display:block;color:#e5e7eb;padding:14px 20px;text-decoration:none;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:1px;border:none;}
.nav-list a:hover{background:#047857;color:#fff;}

.hero-section{position:relative;background:#0c2340;overflow:hidden;}
.hero-section img{width:100%;height:520px;object-fit:cover;opacity:0.35;}
.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(12,35,64,0.9),rgba(4,120,87,0.6));display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;}
.hero-text{max-width:800px;color:#fff;}
.hero-text h1{font-family:Georgia,serif;font-size:40px;font-weight:700;margin-bottom:15px;color:#fff;line-height:1.2;}
.hero-text p{font-size:18px;margin-bottom:25px;color:#d1fae5;}
.hero-cta{display:inline-block;background:#d97706;color:#0c2340;padding:16px 35px;font-size:18px;font-weight:700;text-decoration:none;border:none;border-radius:4px;}

.traits-bar{background:#fff;border-bottom:1px solid #e5e7eb;padding:25px 0;}
.traits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;}
.trait-box{padding:15px;border-left:3px solid #047857;background:#f0fdf4;}
.trait-box h4{color:#0c2340;font-size:16px;margin-bottom:5px;}
.trait-box p{color:#4b5563;font-size:13px;}

.section-block{padding:50px 0;}
.bg-light{background:#f8fafc;}
.bg-dark-unique{background:#0c2340;color:#e5e7eb;}
.bg-dark-unique h2, .bg-dark-unique h3{color:#d97706;}
.bg-dark-unique p{color:#d1d5db;}
.bg-dark-unique a{color:#6ee7b7;border-bottom-color:#6ee7b7;}

.section-title{font-family:Georgia,serif;font-size:28px;color:#0c2340;margin-bottom:25px;padding-bottom:10px;border-bottom:2px solid #d97706;display:inline-block;}

/* Content Layout */
.content-cols{display:grid;grid-template-columns:2fr 1fr;gap:30px;}
.main-col{}
.side-col{}

/* Profile Grid */
.profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0;}
.profile-card{border:1px solid #e5e7eb;background:#fff;overflow:hidden;position:relative;}
.profile-card img{width:100%;height:240px;object-fit:cover;}
.profile-info{padding:12px;text-align:center;background:#fff;}
.profile-info h4{color:#0c2340;margin-bottom:8px;font-size:16px;}
.profile-btns{display:flex;gap:8px;justify-content:center;}
.profile-btns a{display:inline-block;padding:6px 12px;font-size:12px;font-weight:600;color:#fff;border:none;border-radius:2px;text-decoration:none;}
.p-call{background:#0c2340;}
.p-chat{background:#047857;}

/* Video */
.video-box{border:4px solid #0c2340;box-shadow:0 10px 25px rgba(0,0,0,0.15);}
.video-box video{width:100%;display:block;}

/* Table */
.rate-tbl{width:100%;border-collapse:collapse;margin:20px 0;background:#fff;}
.rate-tbl th{background:#0c2340;color:#d97706;padding:12px;text-align:left;font-size:13px;text-transform:uppercase;}
.rate-tbl td{padding:12px;border-bottom:1px solid #e5e7eb;color:#374151;font-size:14px;}
.rate-tbl tr:nth-child(even){background:#f0fdf4;}

/* Areas */
.area-chips{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0;}
.chip{background:#e5e7eb;color:#0c2340;padding:8px 15px;font-size:13px;font-weight:600;border-left:3px solid #047857;}

/* Forum */
.forum-thread{border:1px solid #e5e7eb;margin-bottom:12px;background:#fff;}
.thread-hdr{background:#f0fdf4;padding:10px 15px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;}
.thread-hdr .u-name{font-weight:700;color:#0c2340;}
.thread-hdr .u-time{font-size:12px;color:#6b7280;}
.thread-body{padding:15px;font-size:14px;color:#374151;}
.thread-body strong{color:#047857;}
.thread-admin{background:#fffbeb;border-top:1px solid #fde68a;padding:15px;font-size:14px;color:#92400e;}
.thread-admin .a-tag{font-weight:700;color:#b45309;}

/* FAQ */
.faq-item{margin-bottom:8px;border:1px solid #e5e7eb;background:#fff;}
.faq-q{padding:15px;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;color:#0c2340;}
.faq-q::after{content:"[+]";color:#047857;font-size:14px;}
.faq-a{padding:0 15px 15px;font-size:14px;color:#4b5563;display:none;}
.faq-item.active .faq-q::after{content:"[-]";}
.faq-item.active .faq-a{display:block;}

/* Safety */
.safety-block{counter-reset:safe;margin:15px 0;}
.safety-block li{list-style:none;counter-increment:safe;margin-bottom:12px;padding-left:35px;position:relative;font-size:14px;}
.safety-block li::before{content:counter(safe);position:absolute;left:0;top:2px;width:24px;height:24px;background:#d97706;color:#0c2340;text-align:center;line-height:24px;font-weight:700;font-size:12px;}

/* Tags */
.tag-cloud{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0;}
.t-pill{background:#fff;border:1px solid #d97706;color:#b45309;padding:4px 10px;font-size:11px;text-decoration:none;border-radius:2px;}

/* Side Cards */
.side-card{border:1px solid #e5e7eb;background:#fff;padding:20px;margin-bottom:25px;}
.side-card h3{font-family:Georgia,serif;font-size:18px;color:#0c2340;border-bottom:2px solid #047857;padding-bottom:8px;margin-bottom:12px;}
.side-card ul{list-style:none;}
.side-card li{margin-bottom:6px;font-size:13px;border-bottom:1px dashed #e5e7eb;padding-bottom:4px;}
.side-card li a{color:#047857;text-decoration:none;border:none;}

.cta-block{background:#047857;text-align:center;padding:50px 20px;border-radius:8px;margin-top:30px;}
.cta-block h2{font-family:Georgia,serif;color:#fff;font-size:28px;margin-bottom:10px;}
.cta-block p{color:#d1fae5;margin-bottom:20px;}
.cta-btn-main{display:inline-block;background:#d97706;color:#0c2340;padding:16px 32px;font-size:18px;font-weight:700;text-decoration:none;border:none;border-radius:4px;}

.site-footer{background:#0c2340;color:#9ca3af;padding:50px 0 0;}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:40px;}
.footer-col h4{color:#d97706;font-size:16px;margin-bottom:15px;font-family:Georgia,serif;}
.footer-col ul{list-style:none;}
.footer-col li{margin-bottom:6px;}
.footer-col a{color:#d1d5db;text-decoration:none;border:none;font-size:13px;}
.footer-col a:hover{color:#6ee7b7;}
.footer-bottom{border-top:1px solid #1f2937;padding:20px 0;text-align:center;font-size:12px;color:#6b7280;}

.mobile-bar{display:none;position:fixed;bottom:0;left:0;width:100%;background:#0c2340;z-index:999;padding:8px;gap:8px;box-shadow:0 -2px 10px rgba(0,0,0,0.3);}
.mobile-bar a{flex:1;text-align:center;padding:12px;text-decoration:none;color:#fff;font-weight:700;border:none;border-radius:4px;}
.mb-call{background:#047857;}
.mb-wa{background:#d97706;color:#0c2340;}

@media(max-width:992px){
  .traits-grid{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:repeat(2,1fr);}
  .profile-grid{grid-template-columns:repeat(2,1fr);}
  .content-cols{grid-template-columns:1fr;}
  .hero-section img{height:400px;}
  .hero-text h1{font-size:32px;}
}
@media(max-width:768px){
  .hamburger{display:flex;}
  .nav-list{display:none;flex-direction:column;width:100%;}
  .nav-list.menu-open{display:flex;}
  .nav-list a{padding:12px 20px;border-bottom:1px solid #1f2937;}
  .btn-wa{display:none;}
  .hero-section img{height:350px;}
  .hero-text h1{font-size:26px;}
  .traits-grid{grid-template-columns:1fr 1fr;}
  .profile-grid{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:1fr;}
  .mobile-bar{display:flex;}
  body{padding-bottom:70px;}
}
@media(max-width:480px){
  body{font-size:14px;}
  .profile-grid{grid-template-columns:1fr;}
  .profile-card img{height:280px;}
  .rate-tbl th,.rate-tbl td{padding:8px 5px;font-size:11px;}
}