:root { --primary-color: #007bff; --secondary-color: #6c757d; --accent-color: #28a745; --dark-color: #343a40; --light-color: #f8f9fa; --border-color: #dee2e6; --shadow: 0 2px 10px rgba(0,0,0,0.1); --border-radius: 8px; }
:root[data-bs-theme="light"] { --bs-link-color-rgb: 0,0,0; --bs-link-hover-color-rgb: 51,51,51; }
:root[data-bs-theme="dark"] { --bs-link-color-rgb: 255,255,255; --bs-link-hover-color-rgb: 221,221,221; }
body {font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; line-height: 1.6; font-size: 1.125rem;}
img {max-width: 100%;}
a {text-decoration: none !important;}
a:hover {color:blue;}
.navbar {--bs-navbar-padding-y: 0 !important;}
.navbar-dark {background-color: black;box-shadow: 0 2px 20px rgba(0,0,0,0.1);--bs-navbar-brand-padding-y:0;}
.logo {width: 243px;padding:5px;}
.nav-link {color: rgba(255,255,255,0.9); transition: all 0.3s ease;}
svg {vertical-align: -.125em;}
.nav-link:hover {background-color: rgba(255, 255, 255, 0.22) !important; color: #fff !important; transform: translateY(-1px);}
.dropdown-item:hover {background: rgba(52, 152, 219, 0.1) !important; color: #2980b9 !important;}
.dropdown-menu {animation: fadeInDown 0.3s ease;}
@keyframes fadeInDown {from {opacity: 0; transform: translateY(-10px);} to {opacity: 1; transform: translateY(0);}}
.navbar-toggler-icon {transition: transform 0.3s ease;}
.navbar-toggler:not(.collapsed) .navbar-toggler-icon {transform: rotate(180deg);}
.navbar .form-control::placeholder {color: rgba(255,255,255,0.7);}
.navbar .form-control:focus {background: rgba(255,255,255,0.15); border-color: #3498db; color: #fff;}
.navli {transition: all 0.3s ease; border-radius: 8px;}
.search-form .searchinput {display: none;background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); color: #fff;}
.search-form.expanded .searchinput {display: block;}
.search-form.expanded {max-width: 300px;}
.navbar-toggler {box-shadow: none !important;}
.article {border: 1px solid #ded7c66b; margin-bottom:2rem;}
.post-img {width:100%;border-radius:8px;}
.post-title {padding: 1rem 1.25rem 0.5rem 1.25rem;font-weight:bold;}
.card-header {padding: 1rem 1.25rem 0.5rem 1.25rem;}
.post-description {padding-top: 0 !important;padding-right: 0 !important;}
.post-description .btn {border:1px solid #7574716b;border-radius: 6px;}
.row.g-2.small {font-size: 14px; gap: 0.5rem;}
.sidebar .card-header {text-align: center;padding: initial;font-weight: 600;}
.aside6 {font-size:1rem;	line-height: 1.2;font-weight: 500;margin-bottom:0;}
.aside6:hover,.post-title a:hover {color:#387e56;}
.sidebar {position: sticky; top: 1rem;}
.sidebar-widget {background: white; border-radius: var(--border-radius); box-shadow: var(--shadow); padding: 1.5rem; margin-bottom: 2rem;}
.sidebar-widget h5 {color: var(--dark-color); font-weight: 600; margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 2px solid var(--light-color);}
.sidebar-widget a {color: var(--dark-color); text-decoration: none; transition: color 0.3s ease;}
.sidebar-widget a:hover {color: var(--primary-color);}
.sidebar .card-body {padding-bottom: 0;}
/*-- Premium Content Styles */
.premium-badge-corner { position: absolute; top: 0; right: 5px; z-index: 10; }
.premium-info { border-left: 3px solid #ffc107; padding-left: 10px; background-color: rgba(255, 193, 7, 0.1); border-radius: 0 5px 5px 0; padding: 8px 10px; }
.premium-info a { text-decoration: none; font-weight: 500; }
.premium-info a:hover { text-decoration: underline; }
.premium-content { position: relative; border-left: 4px solid #ffc107; padding-left: 20px; }
.premium-badge-post { text-align: center; }
.premium-blur { position: relative; overflow: hidden; }
.premium-blur img { }
.premium-overlay-large { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.8); padding: 30px; border-radius: 15px; text-align: center; color: white; }
.premium-overlay-large p { margin: 0; font-weight: bold; }
.text-light-50 { color: rgba(255, 255, 255, 0.5) !important; }
.pagination {margin-bottom: 3rem;}
.page-link {margin: 0 0.25rem; transition: all 0.3s ease;}
.page-link:hover {background-color: var(--primary-color); color: white; transform: translateY(-2px);}
.btn-primary {transition: all 0.3s ease;}
.btn-primary:hover {background-color: #0056b3; border-color: #0056b3; transform: translateY(-2px); box-shadow: 0 4px 10px rgba(0, 123, 255, 0.3);}
footer a { color: rgba(255, 255, 255, 0.75) !important; }
footer a:hover { color: #fff !important; }
@media (min-width: 1200px) { .h2, h2 { font-size: 30px; } }
@media (max-width: 991px) { .nav-link { margin: 0.25rem 0; border-radius: 8px !important; } .navbar .input-group { width: 100% !important; } }
@media (max-width: 768px) {.post-title {padding: 1rem 0.5rem 0.5rem 0.5rem;}.post-image{padding-right: initial; }.post-img {height: 167px !important;object-fit:cover;object-position:center;}.premium-badge-corner { position: absolute; right: 2px; } .search-form.expanded { margin-bottom: 8px; } footer .col-md-6:last-child { text-align: center !important; margin-top: 10px; } }
.d-pack6 {opacity: 0; animation: fadeIn 0.4s linear 0.4s forwards;font-size:1rem;}
@keyframes fadeIn {to {opacity: 1;}}
#gotoTopBtn { opacity: 0; visibility: hidden; position: fixed; bottom: 1rem; right: 10px; z-index: 99; border: none; color: white; padding: 8px 12px; border-radius: 5px; transition: .5s; background-color: black; }