body{font-family:Plus Jakarta Sans,sans-serif;background-color:#f8fafc;color:#334155;overflow-x:hidden}.navbar-read{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e2e8f0}.page-header{background:linear-gradient(135deg,#1e293b,#0f172a);padding:80px 0 60px;color:#fff;text-align:center}.search-box-wrapper{margin-top:-30px;position:relative;z-index:10}.search-input{padding:15px 25px;border-radius:50px;border:none;box-shadow:0 10px 30px #0000001a;font-size:1.1rem}.search-input:focus{box-shadow:0 10px 30px #3b82f633;outline:none;border:2px solid #3b82f6}.search-icon{position:absolute;right:25px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1.2rem}.article-card{transition:all .3s;border:1px solid #e2e8f0}.article-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #00000014!important;border-color:#3b82f6}.article-title{transition:color .2s}.article-card:hover .article-title{color:#3b82f6!important}.article-img-wrapper{overflow:hidden}.article-img-wrapper img,.article-img-wrapper video{transition:transform .5s ease}.article-card:hover .article-img-wrapper img,.article-card:hover .article-img-wrapper video{transform:scale(1.1)}.page-item.active .page-link{background-color:#3b82f6;border-color:#3b82f6;color:#fff;box-shadow:0 3px 8px #3b82f666}.page-link{color:#475569;border-radius:50%!important;margin:0 5px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-weight:600;border:1px solid #e2e8f0}.page-link:hover{background-color:#f1f5f9;color:#3b82f6}.fade-in{animation:fadeIn .5s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#64748bcc}.scrollable-area{max-height:65vh;overflow-y:auto;overflow-x:hidden;padding-right:4px}