:root{
 --primary:#d6bf65;
 --dark:#161a20;
 --dark2:#151b25;
 --card:rgba(255,255,255,.05);
 --text:#fff;
 --muted:#94a3b8;
 --border: rgba(255,255,255,0.05);
}
body{
 background:var(--dark2);
 color:var(--text);
}
.navbar-custom{
 background: #151b25;
 backdrop-filter:blur(10px);
 border-bottom: 1px solid var(--border);
 box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}
.glass{
 background:var(--card2);
 border:1px solid rgba(255,255,255,.08);
 backdrop-filter:blur(10px);
 border-radius:10px;
 box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}
.hero{padding:100px 0;}
.hero-title{font-size:40px;font-weight:700;}
.hero-text{color:var(--muted);}
.btn-primary-custom{
 background:var(--primary);
 color:#fff;
 border:none;
}
.market-card,.feature-card,.payment-card,.stat-card,.testimonial-card{
 padding:20px;
 height:100%; 
}
.section-title{
 font-size:36px;
 font-weight:700;
 margin-bottom:20px;
}
.footer{
    border-top:1px solid rgba(255,255,255,.08);
    padding:40px 0;
}

.footer-note{
    color:#575656;
    line-height:1.8;
    margin:0;
    font-size: 16px;
}

.footer a{
    color:#575656;
    text-decoration:none;
    margin-left:15px;
    font-weight: 600;
}

.footer a:hover{
    color: #d6bf65;
}

#link-nav:hover{
    color: #d6bf65;
}

#homebtnlog {
   background-color: #d6bf65 !important; 
   border-radius: 8px;
}

#homebtnlog:hover {
   background: rgba(255,255,255,0.05) !important;
   color: #d6bf65;
   border-radius: 8px;
}

#searchbtn {
   background: #d6bf65 !important; 
   color: rgba(255,255,255,0.05) !important;
}

#searchbtn:hover {
   background: rgba(255,255,255,0.05) !important;
   color: #d6bf65;
   border: 1px solid #d6bf65;
}

.blog-card{
    padding:8px;
    margin-bottom:20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

.blog-card img{
    width:100%;
    height:210px;
    object-fit:cover;
    border-radius:12px;
}
.blog-title{
    font-weight:700;
    color: #ffffff;
}

.blog-title a:hover{
    color: #d6bf65;
}

.listbar a:hover {
    color: #e7d072 !important;
}

.text-muted-custom{
    color:#9ca3af !important;
}

.content-page{
    color:#d1d5db;
    line-height:1.9;
    font-size:16px;
}

.content-page h1{
    color:#fff;
    font-size:2.2rem;
    font-weight:700;
    margin-top:30px;
    margin-bottom:20px;
    border-bottom:2px solid #e7d072;
    padding-bottom:10px;
}

.content-page h2{
    color:#e7d072;
    font-size:1.8rem;
    font-weight:700;
    margin-top:25px;
    margin-bottom:15px;
}

.content-page h3{
    color:#ffffff;
    font-size:1.4rem;
    font-weight:600;
    margin-top:20px;
    margin-bottom:12px;
}

.content-page h4,
.content-page h5,
.content-page h6{
    color:#e7d072;
    margin-top:15px;
    margin-bottom:10px;
}

.content-page p{
    margin-bottom:15px;
}

.content-page ul,
.content-page ol{
    padding-left:25px;
    margin-bottom:20px;
}

.content-page li{
    margin-bottom:8px;
}

.content-page a{
    color:#e7d072;
    text-decoration:none;
}

.content-page a:hover{
    text-decoration:underline;
}

.content-page blockquote{
    border-left:4px solid #e7d072;
    padding-left:15px;
    margin:20px 0;
    color:#9ca3af;
}

.content-page table{
    width:100%;
    margin:20px 0;
    border-collapse:collapse;
}

.content-page table th,
.content-page table td{
    border:1px solid rgba(255,255,255,.1);
    padding:12px;
}

.content-page table th{
    background:#111827;
    color:#e7d072;
}

.post-card,.sidebar-card{
padding:18px;
margin-bottom:25px;
background:var(--card2);
 border:1px solid rgba(255,255,255,.08);
 backdrop-filter:blur(10px);
 border-radius:10px;
 box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

.post-title{
    color:#d1d5db;
    line-height:1.10;
    font-size:3rem;
    font-weight:700;
    margin-bottom:20px;

}
.post-card h1{color: #fff;font-size:30px;font-weight:700;margin-bottom:10px;}

.post-card img{width:100%;border-radius:9px;margin-bottom:20px;}

.post-content{
    color:#d1d5db;
    line-height:1.10;
    font-size:14px;
}


.post-content h1{
    color:#fff;
    font-weight:500;
    margin-top:20px;
    margin-bottom:15px;
    border-bottom:2px solid #e7d072;
    padding-bottom:8px;
    line-height:1.10;
    font-size:1.8rem;
}


.post-content h2{
    color: #fff;
    font-size:1.8rem;
    font-weight:500;
    margin-top:25px;
    margin-bottom:20px;
    line-height:1.10;
    
}


.post-content h3{
    color:#ffffff;
    font-size:1.8rem;
    font-weight:500;
    margin-top:20px;
    margin-bottom:15px;
    line-height:1.10;
}

.post-content h4,
.post-content h5,
.post-content h6{
color:#fff;
margin-top:25px;
margin-bottom:15px;
font-weight:500;
line-height:1.10;
font-size:1.8rem;
}

.post-content p,.post-content li{
    margin-bottom:10px;
    color:#d8e1f0;
}

.post-content a{
    color:#e7d072;
    text-decoration:none;
}

.post-content a:hover{
    text-decoration:underline;
}

.post-content blockquote{
    border-left:4px solid #e7d072;
    padding-left:15px;
    margin:20px 0;
    color:#9ca3af;
}

.sidebar-title{
    color:#fff;
    font-weight:700;
    margin-bottom:15px;
}

.tag-list{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.tag-item{
display:inline-block;
padding:8px 10px;
margin:4px;
background:rgba(246,196,83,.15);
border-radius:8px;
color:#e7d072;
text-decoration:none;
transition: 3s;
}

.tag-item:hover{
    background: #e7d072;
    color: #fff;
}

.related-card{
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.08);
border-radius:12px;padding:15px;height:100%;
}
.related-card a{text-decoration:none;color:#fff;}
.comment-box{
background:rgba(255,255,255,.04);
padding:15px;border-radius:12px;margin-bottom:15px;
}

.market-title{
    font-size:3rem;
    font-weight:800;
    color:#fff;
}

.market-subtitle{
    color:#9ca3af;
    max-width:700px;
    margin:auto;
}

.market-card{
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    padding:25px;
    height:100%;
    backdrop-filter:blur(10px);
}

.market-card h2,
.market-card h3,
.market-card h5{
    color:#fff;
}

.market-card p{
    color:#cbd5e1;
}


@media(max-width:768px){
 .hero-title{font-size:38px;}
 .post-title{font-size:38px;}
 .hero{padding:60px 0;}
 .homebtn {
   padding-right: 9px;
   padding-left: 9px;
   padding: 7px;
}


.homebtn:hover {
   padding-right: 10px;
   padding-left: 10px;
   padding: 8px;
}
 
}