:root:root{
--theme-primary:#3b82f6;--theme-primary-dark:#2563eb;--theme-primary-deeper:#0f172a;
--theme-secondary:#60a5fa;--theme-secondary-dark:#3b82f6;--theme-accent:#facc15;
--theme-body-bg:#111827;--theme-section-bg:linear-gradient(135deg,#111827 0%,#1a2235 100%);
--theme-section-alt-bg:#1a2235;--theme-card-bg:#1f2d3d;--theme-card-border:rgba(59,130,246,0.22);
--theme-text:#e2e8f0;--theme-muted:#94a3b8;--theme-heading:#f1f5f9;--theme-link:#60a5fa;
--theme-button-bg:#3b82f6;--theme-button-text:#ffffff;--theme-button-border:rgba(59,130,246,0.4);
--primary:#3b82f6;--primary-dark:#2563eb;--primary-deeper:#0f172a;--secondary:#60a5fa;
--secondary-dark:#3b82f6;--accent:#facc15;--bg-light:#111827;--bg-dark:#0f172a;
--bg-white:#1f2d3d;--background:#111827;--surface:#1a2235;--divider:rgba(59,130,246,0.18);
--text-dark:#e2e8f0;--text-light:#ffffff;--text-muted:#94a3b8;--text-muted-light:#94a3b8;
--orange:#facc15;--blue:#3b82f6;--gold:#facc15;--yellow:#facc15;--dark:#0f172a;
--dark2:#111827;--dark3:rgba(59,130,246,0.2);--light:#1f2d3d;--muted:#94a3b8;
--text-muted-custom:#94a3b8;--card-bg:#1f2d3d;--card-border:rgba(59,130,246,0.22);
--paper:#111827;--beige:linear-gradient(135deg,#111827 0%,#1a2235 100%);--light-brown:#1a2235;
--card:#1f2d3d;--border:rgba(59,130,246,0.22);--text:#e2e8f0;
--generated-accent:#3b82f6;--generated-accent-2:#facc15;--generated-heading:#f1f5f9;
--generated-text:#e2e8f0;--generated-muted:#94a3b8;--generated-page-bg:#111827;
--generated-surface:#1a2235;--generated-card:#1f2d3d;--generated-border:rgba(59,130,246,0.22);
--generated-section-bg:linear-gradient(135deg,#111827 0%,#1a2235 100%);--generated-section-alt-bg:#1a2235;
--generated-button-bg:#3b82f6;--generated-button-text:#ffffff;--generated-button-border:rgba(59,130,246,0.4);
--generated-accent-text:#ffffff;--author-box-bg:linear-gradient(90deg,#1a2235,#1f2d3d,#1a2235);
--author-card-bg:#1f2d3d;--author-box-border:rgba(59,130,246,0.35);--author-label-color:#facc15;
--author-name-color:#f1f5f9;--author-role-color:#60a5fa;--author-text-color:#cbd5e1;
--author-avatar-bg:rgba(31,45,61,0.96);--author-avatar-border:#3b82f6;
--author-chip-bg:rgba(59,130,246,0.12);--author-chip-border:rgba(59,130,246,0.3);
--author-chip-text:#cbd5e1;--author-link-bg:#3b82f6;--author-link-text:#ffffff;
--generated-floating-bg:rgba(15,23,42,0.92);--generated-floating-border:rgba(96,165,250,0.3);
--generated-register-bg:#22c55e;--generated-register-text:#ffffff;
--generated-login-bg:#facc15;--generated-login-text:#0f172a;
--chrome-header-bg:linear-gradient(90deg,#0f172a 0%,#1a2235 50%,#0f172a 100%);
--chrome-header-border:rgba(59,130,246,0.25);--chrome-header-link:#e2e8f0;
--chrome-header-link-hover:#60a5fa;--chrome-header-active-bg:rgba(59,130,246,0.2);
--chrome-header-active-text:#ffffff;
--chrome-footer-bg:linear-gradient(180deg,#0f172a 0%,#111827 100%);
--chrome-footer-text:#cbd5e1;--chrome-footer-link:#60a5fa;--chrome-footer-link-hover:#facc15;
--chrome-footer-heading:#facc15;--chrome-footer-border:rgba(59,130,246,0.18)
}
html{font-family:'Poppins','Noto Sans Bengali','Hind Siliguri','SolaimanLipi',sans-serif}
body{
font-family:'Poppins','Noto Sans Bengali','Hind Siliguri','SolaimanLipi',sans-serif;
background:#111827;
background-image:radial-gradient(ellipse at 15% 0%,rgba(59,130,246,0.1) 0%,transparent 45%),radial-gradient(ellipse at 85% 90%,rgba(250,204,21,0.06) 0%,transparent 45%),radial-gradient(ellipse at 50% 50%,rgba(96,165,250,0.03) 0%,transparent 70%);
color:#e2e8f0;line-height:1.75;letter-spacing:0.008em;
-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale
}
:lang(bn),[lang="bn"]{font-family:'Noto Sans Bengali','Hind Siliguri','SolaimanLipi','Poppins',sans-serif;line-height:1.8;letter-spacing:0}
::selection{background:rgba(59,130,246,0.3);color:#fff}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#0f172a}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6,#1e40af);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#60a5fa,#3b82f6)}
*{scrollbar-width:thin;scrollbar-color:#3b82f6 #0f172a}
h1,h2,h3,h4,h5,h6{color:#f1f5f9;letter-spacing:-0.015em}
a{color:#60a5fa;transition:color 0.25s ease}
a:hover{color:#93c5fd}
a:focus-visible,button:focus-visible,.nav-link:focus-visible{
outline:2px solid #60a5fa;outline-offset:2px;border-radius:6px}
.navbar{
background:linear-gradient(90deg,#0f172a 0%,#1a2235 50%,#0f172a 100%);
box-shadow:0 2px 20px rgba(0,0,0,0.4),0 1px 0 rgba(59,130,246,0.12) inset;
border-bottom:1px solid rgba(59,130,246,0.2);backdrop-filter:blur(12px)
}
.navbar-brand img{filter:drop-shadow(0 2px 8px rgba(59,130,246,0.35)) brightness(1.05)}
.navbar-nav .nav-link{
color:#e2e8f0;font-weight:600;border-radius:10px;
transition:all 0.3s cubic-bezier(0.4,0,0.2,1)
}
.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{
background:rgba(59,130,246,0.18);color:#60a5fa;
transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,0.2)
}
.navbar-toggler{border-color:rgba(96,165,250,0.4);border-radius:8px}
.hero-section,.content-section,.faq-section,.bd-hot-links{
padding-top:72px;padding-bottom:72px
}
.author-box{padding-top:64px;padding-bottom:64px}
.section-title{
color:#f1f5f9;font-weight:700;letter-spacing:-0.02em;
text-shadow:0 2px 12px rgba(59,130,246,0.18)
}
.section-title::after{
content:"";display:block;width:56px;height:3px;margin-top:12px;
background:linear-gradient(90deg,#3b82f6,#facc15);border-radius:2px
}
.hero-section .section-title::after{margin-left:auto;margin-right:auto}
.feature-card,.testimonial-card{
background:linear-gradient(145deg,#1f2d3d 0%,#1a2235 100%);
border:1px solid rgba(59,130,246,0.18);border-radius:14px;
box-shadow:0 4px 16px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255,0.04) inset;
transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),box-shadow 0.3s ease,border-color 0.3s ease;
padding:24px
}
.feature-card:hover,.testimonial-card:hover{
transform:translateY(-4px);border-color:rgba(59,130,246,0.4);
box-shadow:0 12px 32px rgba(0,0,0,0.4),0 0 24px rgba(59,130,246,0.12),0 1px 0 rgba(255,255,255,0.06) inset
}
.author-box{
background:linear-gradient(135deg,rgba(26,34,53,0.6) 0%,rgba(31,45,61,0.6) 100%);
border:1px solid rgba(59,130,246,0.2);border-radius:16px;
box-shadow:0 8px 32px rgba(0,0,0,0.3)
}
.author-card{
background:linear-gradient(145deg,#1f2d3d,#1a2235);
border:1px solid rgba(59,130,246,0.2);border-radius:14px;
box-shadow:0 4px 16px rgba(0,0,0,0.3);
transition:transform 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease
}
.author-card:hover{
transform:translateY(-3px);border-color:rgba(250,204,21,0.3);
box-shadow:0 10px 28px rgba(0,0,0,0.4),0 0 20px rgba(250,204,21,0.08)
}
.btn-custom,.site-btn,.btn-primary{
border-radius:10px;font-weight:600;letter-spacing:0.015em;
transition:all 0.3s cubic-bezier(0.4,0,0.2,1)
}
.btn-custom{
background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);
border:1px solid rgba(59,130,246,0.5);color:#fff;
box-shadow:0 4px 12px rgba(59,130,246,0.25)
}
.btn-custom:hover{
transform:translateY(-2px) scale(1.025);
box-shadow:0 8px 24px rgba(59,130,246,0.4),0 0 16px rgba(59,130,246,0.2);
background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%)
}
.btn-primary{
background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);
border:1px solid #2563eb;color:#fff;
box-shadow:0 4px 12px rgba(59,130,246,0.25)
}
.btn-primary:hover{
transform:translateY(-1px) scale(1.02);
box-shadow:0 6px 20px rgba(59,130,246,0.4)
}
.cta-register{
background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);
border:1px solid rgba(34,197,94,0.5);color:#fff;
box-shadow:0 4px 12px rgba(34,197,94,0.3)
}
.cta-register:hover{
transform:translateY(-2px) scale(1.025);
box-shadow:0 8px 24px rgba(34,197,94,0.45),0 0 16px rgba(34,197,94,0.2)
}
.cta-login{
background:linear-gradient(135deg,#facc15 0%,#eab308 100%);
border:1px solid rgba(250,204,21,0.5);color:#0f172a;
box-shadow:0 4px 12px rgba(250,204,21,0.3);
text-shadow:0 1px 1px rgba(255,255,255,0.2)
}
.cta-login:hover{
transform:translateY(-2px) scale(1.025);
box-shadow:0 8px 24px rgba(250,204,21,0.45),0 0 16px rgba(250,204,21,0.25)
}
.btn-outline-primary{
border:1px solid #3b82f6;color:#60a5fa;border-radius:10px;
transition:all 0.3s ease;background:transparent
}
.btn-outline-primary:hover{
background:rgba(59,130,246,0.15);border-color:#60a5fa;color:#93c5fd
}
.btn-outline-light{border-radius:10px;transition:all 0.3s ease}
.btn-outline-light:hover{background:rgba(255,255,255,0.1)}
.btn-light{border-radius:10px}
input[type="text"],input[type="email"],input[type="password"],
input[type="search"],input[type="tel"],input[type="url"],
textarea,select,.form-control{
background:#1a2235;border:1px solid rgba(59,130,246,0.22);
border-radius:8px;color:#e2e8f0;
transition:border-color 0.3s ease,box-shadow 0.3s ease
}
input:focus,textarea:focus,select:focus,.form-control:focus{
background:#1a2235;border-color:#3b82f6;
box-shadow:0 0 0 3px rgba(59,130,246,0.15);color:#e2e8f0;outline:none
}
.form-control::placeholder{color:#64748b}
.faq-section{
background:linear-gradient(180deg,transparent 0%,rgba(26,34,53,0.4) 50%,transparent 100%)
}
.accordion-item{
background:#1f2d3d;border:1px solid rgba(59,130,246,0.18);
border-radius:12px;margin-bottom:12px;overflow:hidden
}
.accordion-button{
background:#1f2d3d;color:#e2e8f0;font-weight:600;
border-radius:12px
}
.accordion-button:not(.collapsed){
background:rgba(59,130,246,0.12);color:#60a5fa;
box-shadow:0 1px 0 rgba(59,130,246,0.2) inset
}
.accordion-button:focus{
box-shadow:0 0 0 3px rgba(59,130,246,0.15);border-color:#3b82f6
}
.accordion-body{color:#cbd5e1}
footer{
background:linear-gradient(180deg,#0f172a 0%,#111827 100%);
border-top:1px solid rgba(59,130,246,0.15);
box-shadow:0 -4px 20px rgba(0,0,0,0.3)
}
footer a{color:#94a3b8;transition:color 0.3s ease}
footer a:hover{color:#facc15}
footer h1,footer h2,footer h3,footer h4,footer h5,footer h6{
color:#facc15;text-shadow:0 0 10px rgba(250,204,21,0.2)
}
.footer-links a{
border-radius:6px;transition:all 0.3s ease
}
.footer-links a:hover{
background:rgba(59,130,246,0.12);transform:translateX(2px)
}
.bd-hot-links{background:rgba(26,34,53,0.35)}
.bd-hot-links a{
border-radius:8px;transition:all 0.3s ease
}
.bd-hot-links a:hover{
background:rgba(59,130,246,0.12);transform:translateX(3px)
}
.badge{border-radius:6px;font-weight:600}
.text-warning,.text-gold{color:#facc15;text-shadow:0 0 10px rgba(250,204,21,0.25)}
.text-primary{color:#60a5fa}
.text-muted{color:#94a3b8}
.text-light{color:#e2e8f0}
.text-dark{color:#e2e8f0}
.bg-light{background-color:#1a2235}
.bg-dark{background-color:#0f172a}
.border{border-color:rgba(59,130,246,0.18)}
.table{color:#e2e8f0;border-color:rgba(59,130,246,0.15)}
.table>:not(caption)>*>*{
background-color:transparent;border-bottom-color:rgba(59,130,246,0.12);
color:#e2e8f0
}
.table-striped>tbody>tr:nth-of-type(odd)>*{background-color:rgba(26,34,53,0.5)}
.alert{border-radius:10px}
.alert-info{background:#1a2235;border:1px solid rgba(59,130,246,0.3);color:#93c5fd}
.alert-success{background:rgba(34,197,94,0.12);border:1px solid rgba(34,197,94,0.3);color:#86efac}
.alert-warning{background:rgba(250,204,21,0.12);border:1px solid rgba(250,204,21,0.3);color:#fde047}
.alert-danger{background:rgba(239,68,68,0.12);border:1px solid rgba(239,68,68,0.3);color:#fca5a5}
.modal-content{
background:#1f2d3d;border:1px solid rgba(59,130,246,0.25);
border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,0.5)
}
.modal-header{border-bottom-color:rgba(59,130,246,0.15)}
.modal-footer{border-top-color:rgba(59,130,246,0.15)}
.modal-title{color:#f1f5f9}
.dropdown-menu{
background:#1f2d3d;border:1px solid rgba(59,130,246,0.2);
border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,0.4)
}
.dropdown-item{color:#cbd5e1;transition:all 0.25s ease}
.dropdown-item:hover,.dropdown-item:focus{
background:rgba(59,130,246,0.15);color:#60a5fa
}
.dropdown-divider{border-color:rgba(59,130,246,0.12)}
.page-link{
background:#1f2d3d;border-color:rgba(59,130,246,0.2);color:#60a5fa;
border-radius:8px;transition:all 0.25s ease
}
.page-link:hover{
background:rgba(59,130,246,0.15);border-color:#3b82f6;color:#93c5fd
}
.page-item.active .page-link{
background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;color:#fff
}
.progress{background:#1a2235;border-radius:8px}
.progress-bar{background:linear-gradient(90deg,#3b82f6,#60a5fa)}
.list-group-item{
background:#1f2d3d;border-color:rgba(59,130,246,0.15);color:#e2e8f0;
transition:all 0.25s ease
}
.list-group-item:hover{background:rgba(59,130,246,0.08)}
.card{
background:linear-gradient(145deg,#1f2d3d 0%,#1a2235 100%);
border:1px solid rgba(59,130,246,0.18);border-radius:14px;
box-shadow:0 4px 16px rgba(0,0,0,0.3);
transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),box-shadow 0.3s ease,border-color 0.3s ease
}
.card:hover{
transform:translateY(-3px);border-color:rgba(59,130,246,0.35);
box-shadow:0 10px 28px rgba(0,0,0,0.4),0 0 20px rgba(59,130,246,0.1)
}
.card-header{border-bottom-color:rgba(59,130,246,0.15);color:#f1f5f9}
.card-footer{border-top-color:rgba(59,130,246,0.15)}
.nav-tabs{border-bottom-color:rgba(59,130,246,0.2)}
.nav-tabs .nav-link{color:#94a3b8;border-radius:8px 8px 0 0;transition:all 0.25s ease}
.nav-tabs .nav-link:hover{border-color:rgba(59,130,246,0.2);color:#60a5fa}
.nav-tabs .nav-link.active{
background:#1f2d3d;border-color:rgba(59,130,246,0.3);color:#60a5fa
}
.btn-close{filter:invert(1) grayscale(100%) brightness(200%)}
.text-decoration-none:hover{text-decoration:underline}
.blockquote{border-left:3px solid #3b82f6;color:#cbd5e1}
.blockquote-footer{color:#64748b}
hr{border-color:rgba(59,130,246,0.15);opacity:1}
.btn-group .btn{border-radius:0}
.btn-group .btn:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}
.btn-group .btn:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}