main{font-family:'Poppins','Noto Sans Bengali','Hind Siliguri','SolaimanLipi',system-ui,-apple-system,sans-serif;line-height:1.75;letter-spacing:0.005em}
main :is(h1,h2,h3,h4,h5,h6){font-family:'Poppins','Noto Sans Bengali','Hind Siliguri','SolaimanLipi',system-ui,sans-serif;letter-spacing:-0.01em}
main :lang(bn),main [lang="bn"]{font-family:'Noto Sans Bengali','Hind Siliguri','SolaimanLipi','Poppins',sans-serif;line-height:1.8;letter-spacing:0}
body{background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(59,130,246,0.10),transparent 60%),radial-gradient(ellipse 60% 40% at 90% 100%,rgba(250,204,21,0.05),transparent 50%),var(--bg-primary)}
main :is(p,span,li,div){line-height:1.75}
main :is(h1,h2,h3,h4,h5,h6) :lang(bn){line-height:1.6}
main .card,main .card-dark{background:linear-gradient(145deg,rgba(31,41,55,0.95),rgba(22,30,45,0.95));border:1px solid var(--border);border-radius:14px;box-shadow:0 2px 16px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.04);transition:transform 0.3s cubic-bezier(0.25,0.8,0.25,1),box-shadow 0.3s cubic-bezier(0.25,0.8,0.25,1),border-color 0.3s ease;overflow:hidden}
main .card::before,main .card-dark::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(59,130,246,0) 0%,rgba(59,130,246,0.06) 50%,rgba(59,130,246,0) 100%);opacity:0;transition:opacity 0.35s ease;pointer-events:none;border-radius:inherit}
main .card:hover,main .card-dark:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(0,0,0,0.45),0 0 0 1px var(--border-accent),inset 0 1px 0 rgba(255,255,255,0.06);border-color:var(--border-accent)}
main .card:hover::before,main .card-dark:hover::before{opacity:1}
main .card-icon{border-radius:14px;transition:transform 0.3s cubic-bezier(0.25,0.8,0.25,1),box-shadow 0.3s ease,border-color 0.3s ease}
main .card-icon:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 14px 40px rgba(0,0,0,0.5),0 0 24px var(--accent-glow)}
main .card-icon :is(i,.fa,.fas,.far){transition:transform 0.35s cubic-bezier(0.34,1.56,0.64,1),color 0.3s ease,text-shadow 0.3s ease}
main .card-icon:hover :is(i,.fa,.fas,.far){transform:scale(1.12);text-shadow:0 0 16px var(--accent-glow)}
main .btn-primary-custom{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:0;border-radius:9px;box-shadow:0 2px 12px rgba(59,130,246,0.35),inset 0 1px 0 rgba(255,255,255,0.18);transition:transform 0.28s cubic-bezier(0.25,0.8,0.25,1),box-shadow 0.28s ease,filter 0.28s ease;font-weight:600;letter-spacing:0.01em}
main .btn-primary-custom:hover{transform:translateY(-2px) scale(1.025);box-shadow:0 8px 28px rgba(59,130,246,0.5),0 0 20px rgba(59,130,246,0.3),inset 0 1px 0 rgba(255,255,255,0.22);filter:brightness(1.08)}
main .btn-primary-custom:active{transform:translateY(0) scale(1.01)}
main .btn-outline-custom{background:rgba(59,130,246,0.04);border:1px solid var(--border-accent);border-radius:9px;color:var(--text-primary);transition:transform 0.28s cubic-bezier(0.25,0.8,0.25,1),background 0.28s ease,border-color 0.28s ease,box-shadow 0.28s ease;font-weight:600;letter-spacing:0.01em}
main .btn-outline-custom:hover{background:rgba(59,130,246,0.12);border-color:var(--accent);transform:translateY(-2px) scale(1.025);box-shadow:0 6px 20px rgba(59,130,246,0.25),inset 0 1px 0 rgba(255,255,255,0.06)}
main .btn-outline-custom:active{transform:translateY(0) scale(1.01)}
main .btn{border-radius:9px;transition:transform 0.28s cubic-bezier(0.25,0.8,0.25,1),box-shadow 0.28s ease,background 0.28s ease,border-color 0.28s ease}
main .btn:hover{transform:translateY(-1px) scale(1.02)}
main .section-title{letter-spacing:-0.015em;transition:color 0.3s ease}
main .section-title::after{content:"";display:block;width:48px;height:3px;background:linear-gradient(90deg,var(--accent),var(--gold-light));border-radius:2px;margin-top:12px;opacity:0.85}
main .hero-section{background:radial-gradient(ellipse 70% 60% at 50% 0%,rgba(59,130,246,0.14),transparent 65%),radial-gradient(ellipse 50% 40% at 80% 80%,rgba(250,204,21,0.06),transparent 55%)}
main .bg-alt{background:linear-gradient(180deg,rgba(22,30,45,0.6),rgba(17,24,39,0.3))}
main .bg-dark-section{background:linear-gradient(180deg,rgba(13,17,23,0.8),rgba(17,24,39,0.6));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
main .author-box{background:linear-gradient(145deg,rgba(31,41,55,0.9),rgba(22,30,45,0.95));border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,0.35),inset 0 1px 0 rgba(255,255,255,0.04)}
main .author-box :is(.author-name,.author-name-color){text-shadow:0 0 24px rgba(59,130,246,0.2)}
main :where([class*="text-gold"],[class*="gold-text"],.text-warning){color:var(--gold-light);text-shadow:0 0 18px rgba(250,204,21,0.25),0 1px 2px rgba(0,0,0,0.3)}
main :where([class*="text-accent"],.text-primary){text-shadow:0 0 16px rgba(59,130,246,0.2)}
.navbar{background:linear-gradient(180deg,rgba(13,17,23,0.98),rgba(13,17,23,0.95)) ;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 20px rgba(0,0,0,0.3)}
.navbar .nav-link{position:relative;border-radius:8px;transition:color 0.25s ease,background 0.25s ease}
.navbar .nav-link::after{content:"";position:absolute;bottom:2px;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--gold-light));border-radius:1px;transform:translateX(-50%);transition:width 0.3s cubic-bezier(0.25,0.8,0.25,1)}
.navbar .nav-link:hover::after,.navbar .nav-link.active::after{width:60%}
.navbar .nav-link:hover,.navbar .nav-link.active{background:var(--accent-soft)}
.navbar-brand img{transition:transform 0.3s ease,filter 0.3s ease}
.navbar-brand:hover img{transform:scale(1.03);filter:drop-shadow(0 0 12px rgba(59,130,246,0.3))}
footer{background:linear-gradient(180deg,rgba(13,17,23,0.98),rgba(10,15,25,1))}
footer .footer-heading{position:relative;padding-left:14px}
footer .footer-heading::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background:linear-gradient(180deg,var(--accent),var(--gold-light));border-radius:2px}
footer .footer-links a{border-radius:6px;padding:2px 6px;margin-left:-6px;transition:color 0.25s ease,background 0.25s ease,padding-left 0.25s ease}
footer .footer-links a:hover{background:var(--accent-soft);padding-left:10px}
footer .footer-bottom{border-top:1px solid var(--border)}
main :is(input,textarea,select){border-radius:8px;transition:border-color 0.25s ease,box-shadow 0.25s ease,background 0.25s ease}
main :is(input,textarea,select):focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}
main .has-floating-cta :where(.btn-primary-custom,.btn-outline-custom){box-shadow:0 4px 16px rgba(0,0,0,0.3)}
main a{transition:color 0.25s ease}
main img{transition:transform 0.4s cubic-bezier(0.25,0.8,0.25,1),filter 0.4s ease}
main .card:hover img,main .card-dark:hover img{transform:scale(1.03)}
::selection{background:rgba(59,130,246,0.35);color:#fff}
html{scrollbar-width:thin;scrollbar-color:rgba(59,130,246,0.4) rgba(13,17,23,0.6)}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:rgba(13,17,23,0.6)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(59,130,246,0.5),rgba(37,99,235,0.4));border-radius:4px;border:2px solid rgba(13,17,23,0.6)}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(59,130,246,0.7),rgba(37,99,235,0.6))}
@media (max-width:767.98px){main .card:hover,main .card-dark:hover{transform:translateY(-2px)}main .btn-primary-custom:hover,main .btn-outline-custom:hover{transform:translateY(-1px) scale(1.015)}}
main :where(.badge,.chip,.tag){border-radius:6px;transition:transform 0.25s ease,box-shadow 0.25s ease}
main :where(.badge,.chip,.tag):hover{transform:scale(1.05)}
main :is(ul,ol) li{transition:color 0.2s ease,padding-left 0.2s ease}
main :is(ul,ol) li:hover{color:var(--text-primary)}
main table{border-radius:10px;overflow:hidden}
main table th{background:rgba(59,130,246,0.1)}
main table tr{transition:background 0.2s ease}
main table tbody tr:hover{background:rgba(59,130,246,0.05)}
main .dropdown-menu{background:linear-gradient(145deg,rgba(31,41,55,0.98),rgba(22,30,45,0.98));border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 32px rgba(0,0,0,0.45)}
main .dropdown-item{border-radius:6px;transition:background 0.2s ease,color 0.2s ease,padding-left 0.2s ease}
main .dropdown-item:hover{background:var(--accent-soft);padding-left:calc(1rem + 4px)}