:root{
    --primary:#087f5b;
    --primary-dark:#064b37;
    --primary-light:#0b9b6b;
    --mint:#d7f8e9;
    --mint-border:#39d9a0;
    --dark:#0b120f;
    --dark-2:#101a15;
    --text:#172019;
    --muted:#68736d;
    --bg:#f6faf8;
    --white:#fff;
}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}
a{text-decoration:none}
.section-space{padding:4rem 0}

/* Top Bar */
.top-bar{position:relative;z-index:1000;background:#07100c;color:#9ca9a2;font-size:.76rem}
.top-bar a{color:#c3cdc7}
.top-bar a:hover{color:#fff}
.text-primary{color: #086b4c !important;}

/* Navigation */
.main-header{position:sticky;top:0;z-index:1050;background:rgba(255,255,255,.97);border-bottom:1px solid #e2eae5;box-shadow:0 3px 18px rgba(10,40,25,.07);backdrop-filter:blur(12px)}
.navbar-brand{color:var(--text);font-size:1.45rem;font-weight:900}
.brand-mark{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--primary-dark),var(--primary-light));box-shadow:0 6px 18px rgba(5,125,86,.22)}
.navbar .nav-link{color:#4f5b54;font-size:.84rem;font-weight:700}
.navbar .nav-link:hover,.navbar .nav-link.active{color:var(--primary)}
.navbar-toggler{border:1px solid #dce5df;padding:.45rem .65rem}
.navbar-toggler:focus{box-shadow:0 0 0 .2rem rgba(8,127,91,.15)}
.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23064b37' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}

/* Buttons */
.btn-sodhini{color:#fff;border:0;background:linear-gradient(100deg,var(--primary-dark),var(--primary-light));font-weight:700;box-shadow:0 6px 18px rgba(5,125,86,.18)}
.btn-sodhini:hover{color:#fff;background:linear-gradient(100deg,#053f2f,#07875d)}

/* Hero */
.hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,#08110d 0%,#101b15 52%,#14251c 100%)}
.hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(16,163,111,.10);top:-280px;right:-120px;pointer-events:none}
.hero:after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;background:rgba(57,217,160,.06);bottom:-220px;left:-150px;pointer-events:none}
.hero-content{position:relative;z-index:2}
.hero-badge{display:inline-block;padding:.45rem .85rem;border-radius:50rem;color:#9ae9c6;background:rgba(16,163,111,.10);border:1px solid rgba(57,217,160,.35);font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.hero h1{max-width:720px;color:#fff;font-size:clamp(2.3rem,5vw,4rem);line-height:1.08;font-weight:900;letter-spacing:-.045em}
.hero h1 .highlight{background:linear-gradient(90deg,#35d99c,#8af0c4);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-description{max-width:650px;color:#aeb9b2;font-size:1rem;line-height:1.75}

/* Search */
.search-box{max-width:680px;padding:.4rem;background:rgba(255,255,255,.07);border:1px solid rgba(57,217,160,.20);border-radius:14px;box-shadow:0 15px 40px rgba(0,0,0,.20);backdrop-filter:blur(10px)}
.search-box .input-group{background:#fff;border-radius:10px}
.search-box .input-group-text{color:#68736d}
.search-box .form-control{min-height:48px;border:0;box-shadow:none;font-size:.9rem}
.search-box .btn{min-height:48px;padding-left:1.3rem;padding-right:1.3rem}
.popular-label{color:#8e9b94}
.popular-tag{color:#c7d1cc;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);font-size:.68rem;transition:.2s ease}
.popular-tag:hover{color:#fff;border-color:rgba(57,217,160,.55);background:rgba(16,163,111,.14)}

/* Hero Image */
.hero-image-column{display:flex}
.hero-image-wrap{position:relative;width:100%;height:100%;min-height:300px;padding:.45rem;border-radius:22px;background:linear-gradient(135deg,rgba(16,163,111,.45),rgba(57,217,160,.20),rgba(6,75,55,.45));box-shadow:0 20px 55px rgba(0,0,0,.30);overflow:hidden}
.hero-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:18px}
.hero-image-badge{position:absolute;left:1.2rem;bottom:1.2rem;display:flex;align-items:center;gap:.6rem;padding:.65rem .85rem;border-radius:11px;color:var(--text);background:rgba(255,255,255,.96);box-shadow:0 10px 30px rgba(0,0,0,.20);backdrop-filter:blur(8px)}
.hero-image-badge-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:9px;color:#fff;background:linear-gradient(135deg,var(--primary-dark),var(--primary-light));font-weight:900}
.hero-image-badge strong{display:block;color:var(--primary-dark);font-size:.82rem}
.hero-image-badge small{display:block;color:#6b7280;font-size:.64rem}

/* Sections */
.section-title{color:var(--text);font-weight:900;letter-spacing:-.025em}
.section-subtitle{color:var(--muted);font-size:.84rem}

/* Language Cards */
.category-card{height:100%;display:block;padding:1.35rem;background:#fff;border:1px solid #e1e9e4;border-radius:16px;box-shadow:0 6px 22px rgba(20,50,35,.05);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.category-card:hover{transform:translateY(-5px);border-color:rgba(8,127,91,.30);box-shadow:0 15px 35px rgba(8,127,91,.10)}
.category-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;border-radius:12px;color:#fff;font-size:1rem;font-weight:900;background:linear-gradient(135deg,var(--primary-dark),var(--primary-light))}
.category-card h3{color:var(--text);font-size:.98rem;font-weight:800}
.category-card p{color:var(--muted);font-size:.76rem}
.icon-purple {background: linear-gradient(135deg,#673ab7,#9575cd);}
.icon-pink {background: linear-gradient(135deg,#e91e63,#f06292);}
.icon-orange {background: linear-gradient(135deg,#f57c00,#ffb300);}
.icon-cyan {background: linear-gradient(135deg,#00838f,#26c6da);}
.icon-green {background: linear-gradient(135deg,#00897b,#26a69a);}
.icon-blue {background: linear-gradient(135deg,#1976d2,#42a5f5);}
.icon-red {background: linear-gradient(135deg,#d32f2f,#ef5350);}
.icon-indigo {background: linear-gradient(135deg,#3949ab,#7986cb);}

/* Post Cards */
.post-card{height:100%;overflow:hidden;background:#fff;border:1px solid #e1e9e4;border-radius:16px;box-shadow:0 7px 25px rgba(20,50,35,.06);transition:.25s ease}
.post-card:hover{transform:translateY(-4px);box-shadow:0 15px 40px rgba(20,50,35,.11)}
.post-image{aspect-ratio:16/9;overflow:hidden;background:#eee}
.post-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.post-card:hover .post-image img{transform:scale(1.05)}
.post-category{position:absolute;left:.75rem;bottom:.75rem;padding:.25rem .55rem;border-radius:5px;background:rgba(6,75,55,.90);color:#fff;font-size:.65rem;font-weight:800}
.post-source{color:var(--primary);font-size:.7rem;font-weight:800}
.post-title{color:var(--text);font-size:1rem;font-weight:800;line-height:1.4}
.post-title a {color:var(--text);}
.post-title a:hover{color:var(--primary)}
.post-meta{color:#8a968f;font-size:.7rem}

/* Sidebar */
.sidebar-card{background:#fff;border:1px solid #e1e9e4;border-radius:16px;box-shadow:0 7px 25px rgba(20,50,35,.06)}
.sidebar-title{color:var(--text);font-size:1rem;font-weight:900}
.sidebar-link{display:flex;align-items:center;justify-content:space-between;padding:.7rem 0;color:#58645d;font-size:.8rem;border-bottom:1px solid #edf1ef}
.sidebar-link:last-child{border-bottom:0}
.sidebar-link:hover{color:var(--primary)}

/* Join Card */
.join-card{position:relative;overflow:hidden;color:#fff;border-radius:18px;background:linear-gradient(135deg,#064b37,#087f5b,#0b9b6b);box-shadow:0 15px 35px rgba(5,125,86,.22)}
.join-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.10);right:-60px;top:-60px}
.join-card p{color:rgba(255,255,255,.82);font-size:.8rem}

/* Panchang */
.panchang-card{background:linear-gradient(135deg,#fff,#f0fbf6);border:1px solid #cfe8dc;border-radius:18px}
.panchang-icon{width:54px;height:54px;display:flex;align-items:center;justify-content:center;border-radius:14px;color:#fff;background:linear-gradient(135deg,#087f5b,#10a36f)}

/* Footer */
.footer{margin-top:4rem;color:#aab7b0;background:linear-gradient(135deg,#0a120e,#101b15)}
.footer h5{color:#fff;font-size:.85rem;font-weight:800}
.footer a{color:#aab7b0;font-size:.76rem}
.footer a:hover{color:#fff}
.footer-brand{color:#fff;font-size:1.3rem;font-weight:900}
.footer-description{max-width:330px;color:#89978f;font-size:.78rem;line-height:1.7}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);color:#78857e;font-size:.7rem}

/* Mobile Offcanvas */
.mobile-offcanvas{
    --bs-offcanvas-width:min(310px,85vw);
    z-index:2000;
    color:#fff;
    background:linear-gradient(180deg,#09120e,#101c16);
    border:0;
    box-shadow:-10px 0 35px rgba(0,0,0,.30);
}

.mobile-offcanvas .offcanvas-header{
    min-height:70px;
    padding:.9rem 1rem;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.mobile-offcanvas .btn-close{
    filter:invert(1) grayscale(100%);
    opacity:.9;
}

.mobile-brand{
    color:#fff;
    font-size:1.25rem;
    font-weight:900;
}

.mobile-nav{
    padding:1rem;
}

.mobile-nav a{
    display:flex;
    align-items:center;
    padding:.85rem 1rem;
    margin-bottom:.3rem;
    border-radius:10px;
    color:#b8c5be;
    font-size:.9rem;
    font-weight:700;
    transition:background .2s ease,color .2s ease;
}

.mobile-nav a:hover,
.mobile-nav a.active{
    color:#fff;
    background:rgba(16,163,111,.16);
}

.mobile-submit{
    margin-top:1rem;
    padding-top:1rem;
    border-top:1px solid rgba(255,255,255,.08);
}
/* Responsive */
@media(min-width:992px){
    .hero .row{align-items:stretch!important}
    .hero .col-lg-7{display:flex;flex-direction:column;justify-content:center}
    .hero-image-column{display:flex}
    .hero-image-wrap{height:100%;min-height:0}
    .hero-image{height:100%}
}
@media(max-width:991.98px){
    .hero-image-wrap{height:auto;min-height:0}
    .hero-image{height:320px}
}
@media(max-width:767.98px){
    .section-space{padding:3rem 0}
    .hero{padding:3.25rem 0}
    .hero h1{font-size:2.3rem}
    .hero-description{font-size:.9rem}
    .hero-image{height:270px}
    .search-box{width:100%}
}
@media(max-width:575.98px){
    .top-bar{font-size:.68rem}
    .hero h1{font-size:2.1rem}
    .hero-image{height:230px}
    .hero-image-badge{left:1rem;bottom:1rem}
    .hero-image-badge strong{font-size:.75rem}
    .hero-image-badge small{font-size:.58rem}
}
:focus-visible{outline:3px solid rgba(8,127,91,.35);outline-offset:2px}

/* Extra for languages */
.english-page .sidebar-card{margin-bottom:1rem;padding:1rem;background:#fff;border:1px solid var(--border);border-radius:13px;box-shadow:0 2px 8px rgba(20,50,35,.04)}
.english-page .sidebar-title{margin:0 0 .9rem;padding-bottom:.7rem;border-bottom:2px solid var(--mint);color:var(--text);font-size:1rem;font-weight:900}
.english-page .ad-box{min-height:120px;display:flex;align-items:center;justify-content:center}
.english-page .sidebar-link{display:flex;align-items:center;gap:.7rem;padding:.55rem 0;color:var(--text);font-size:.82rem;font-weight:600;border-bottom:1px solid #edf1ef}
.english-page .sidebar-link:last-child{border-bottom:0}
.english-page .sidebar-link:hover{color:var(--primary)}
.english-page .sidebar-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;flex:0 0 38px;border-radius:9px;color:#fff;font-size:.72rem;font-weight:800}
.simple-link{display:block;padding:.65rem .75rem;margin-bottom:.4rem;border-radius:7px;color:#4e5a53;background:#f5faf7;font-size:.8rem;font-weight:600}
.simple-link:hover{color:var(--primary-dark);background:var(--mint)}
.language-box{padding:1rem;background:linear-gradient(135deg,#f0fbf6,#fff);border:1px solid #cfe8dc;border-radius:13px}
.language-box p{color:var(--muted);font-size:.75rem;line-height:1.6}
.language-button{display:inline-block;margin:.15rem;padding:.4rem .65rem;border-radius:50rem;color:var(--primary-dark);background:var(--mint);font-size:.68rem;font-weight:700}
.language-button:hover{color:#fff;background:var(--primary)}

.english-page .content-area{
    padding:2rem 0;
}

.english-page .section-heading{
    margin-bottom:1rem;
}

.english-page .section-heading h2{
    margin:0;
    color:var(--text);
    font-size:1.35rem;
    font-weight:900;
}

.english-page .section-heading p{
    margin:.3rem 0 0;
    color:var(--muted);
    font-size:.78rem;
}

/* Single-column English post */
.english-page .post-card{
    height:auto;
    margin-bottom:1rem;
    padding:1rem;
    overflow:visible;
    background:#fff;
    border:1px solid #e1e9e4;
    border-radius:13px;
    box-shadow:0 2px 8px rgba(20,50,35,.04);
    transition:.25s ease;
}

.english-page .post-card:hover{
    transform:translateY(-2px);
    border-color:rgba(8,127,91,.25);
    box-shadow:0 7px 22px rgba(20,50,35,.09);
}

.english-page .post-main{
    display:flex;
    align-items:flex-start;
    gap:1rem;
}

.english-page .post-thumb{
    width:100px;
    height:76px;
    flex:0 0 100px;
    object-fit:cover;
    border-radius:8px;
    background:#eef3f0;
}

.english-page .post-content{
    flex:1;
    min-width:0;
}

.english-page .post-title{
    color:var(--text);
    font-size:1.1rem;
    line-height:1.55;
    font-weight:700;
}

.english-page .post-title:hover{
    color:var(--primary);
}

.english-page .blog-name{
    color:var(--primary);
    font-weight:800;
}

.english-page .post-footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:1rem;
    margin-top:.85rem;
    padding-top:.7rem;
    border-top:1px solid #edf1ef;
    font-size:.92rem;
}

.english-page .post-footer a{
    color:var(--primary);
    font-weight:700;
}

.english-page .post-footer a:hover{
    color:var(--primary-dark);
}

.english-page .post-date{
    color:#7c8982;
    white-space:nowrap;
}

/* English pagination */
.english-page .pagination-wrapper{
    padding:1rem 0 .5rem;
}

.english-page .pagination-sodhini{
    gap:.35rem;
    flex-wrap:wrap;
}

.english-page .pagination-sodhini .page-link{
    min-width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:.45rem .75rem;
    border:1px solid var(--border);
    border-radius:8px!important;
    color:var(--primary-dark);
    background:#fff;
    font-size:.78rem;
    font-weight:800;
    box-shadow:0 2px 6px rgba(20,50,35,.04);
    transition:.2s ease;
}

.english-page .pagination-sodhini .page-link:hover{
    color:#fff;
    background:var(--primary);
    border-color:var(--primary);
    transform:translateY(-1px);
}

.english-page .pagination-sodhini .page-item.active .page-link{
    color:#fff;
    background:linear-gradient(
        135deg,
        var(--primary-dark),
        var(--primary-light)
    );
    border-color:var(--primary);
    box-shadow:0 5px 14px rgba(8,127,91,.20);
}

.english-page .pagination-sodhini .page-item.disabled .page-link{
    color:#a7b2ac;
    background:#f4f7f5;
    border-color:#e4ebe7;
    cursor:not-allowed;
    box-shadow:none;
}

.english-page .pagination-sodhini .page-link.dots{
    background:transparent;
    border-color:transparent;
    box-shadow:none;
}

.english-page .pagination-sodhini .page-link.dots:hover{
    color:var(--primary-dark);
    background:transparent;
    border-color:transparent;
    transform:none;
}

/* Mobile */
@media(max-width:767.98px){

    .english-page .content-area{
        padding:1.3rem 0;
    }

    .english-page .post-card{
        padding:.8rem;
    }

    .english-page .post-main{
        gap:.75rem;
    }

    .english-page .post-thumb{
        width:82px;
        height:65px;
        flex-basis:82px;
    }

    .english-page .post-title{
        font-size:.88rem;
    }

    .english-page .post-footer{
        display:block;
    }

    .english-page .post-date{
        display:block;
        margin-top:.4rem;
    }
}

@media(max-width:575.98px){

    .english-page .post-thumb{
        width:72px;
        height:58px;
        flex-basis:72px;
    }

    .english-page .post-title{
        font-size:.84rem;
    }

    .english-page .pagination-sodhini{
        gap:.2rem;
    }

    .english-page .pagination-sodhini .page-link{
        min-width:34px;
        height:34px;
        padding:.3rem .5rem;
        font-size:.68rem;
    }
}