html,body{max-width:100%;overflow-x:hidden}

.top-bar{background:linear-gradient(90deg,#005A94 0%,#00A2E8 100%)}
.hero-gradient{background:linear-gradient(135deg,rgba(0,90,148,.95) 0%,rgba(0,162,232,.85) 100%)}

.service-card:hover .service-icon{transform:scale(1.1) rotate(5deg)}

.floating{animation:float 6s ease-in-out infinite}
@keyframes float{
    0%{transform:translateY(0)}
    50%{transform:translateY(-18px)}
    100%{transform:translateY(0)}
}

.note-gradient{background:linear-gradient(135deg,#fff7e6 0%,#fff3d6 100%)}
.warn-gradient{background:linear-gradient(135deg,#ffeaea 0%,#ffe1e1 100%)}
.ok-gradient{background:linear-gradient(135deg,#e6fff4 0%,#d9ffee 100%)}

.check-input{accent-color:#005A94}
.prose h2{scroll-margin-top:100px}

.chip{transition:all .2s ease}
.chip-active{background-color:#005A94;color:#fff;border-color:transparent}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

.news-content{line-height:1.8;font-size:1.125rem}
.news-content h2{
    font-size:1.75rem;font-weight:700;color:#1a202c;
    margin-top:2.5rem;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:2px solid #005A94
}
.news-content h3{
    font-size:1.5rem;font-weight:600;color:#2d3748;margin-top:2rem;margin-bottom:1rem
}
.news-content p{margin-bottom:1.5rem;text-align:justify}
.news-content ul,.news-content ol{margin-bottom:1.5rem;padding-right:1.5rem}
.news-content li{margin-bottom:0.5rem;position:relative}
.news-content ul li:before{
    content:"•";color:#005A94;font-weight:bold;display:inline-block;width:1em;margin-right:-1em
}
.news-content blockquote{
    border-right:4px solid #005A94;background-color:#F7F9FB;padding:1.5rem;margin:2rem 0;
    border-radius:0 0.5rem 0.5rem 0;font-style:italic;position:relative
}
.news-content blockquote:before{
    content:'"';font-size:4rem;color:#005A94;opacity:0.2;position:absolute;top:-1rem;right:1rem;line-height:1
}
.news-content table{
    width:100%;border-collapse:collapse;margin:2rem 0;box-shadow:0 4px 20px rgba(0,0,0,.08);
    border-radius:0.75rem;overflow:hidden
}
.news-content table th,.news-content table td{
    border:1px solid #e2e8f0;padding:0.75rem;text-align:right
}
.news-content table th{background-color:#005A94;color:white;font-weight:600}
.news-content table tr:nth-child(even){background-color:#f7fafc}

.news-gallery{
    display:grid;grid-template-columns:2fr 1fr 1fr;gap:0.5rem;margin:2rem 0;border-radius:1rem;overflow:hidden
}
.gallery-main{grid-row:span 2}
.gallery-item{position:relative;overflow:hidden}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}
.gallery-item:hover img{transform:scale(1.05)}
.gallery-item .overlay{
    position:absolute;inset:0;background:rgba(0,0,0,0.7);
    display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease
}
.gallery-item:hover .overlay{opacity:1}
.sidebar-widget{
    background:white;border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;
    box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid #e2e8f0
}
.breaking-badge{background:linear-gradient(135deg,#ff4444,#ff6b6b);color:white;animation:pulse 2s infinite}
@keyframes pulse{0%{opacity:1}50%{opacity:0.8}100%{opacity:1}}
.news-tag{
    display:inline-block;background:#f7fafc;color:#4a5568;padding:0.25rem 0.75rem;
    border-radius:1rem;font-size:0.875rem;transition:all 0.2s
}
.news-tag:hover{background:#005A94;color:white}
@media (max-width:1024px){
    .hdr-blur{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
    .news-content{font-size:1rem}
    .news-content h2{font-size:1.5rem}
    .news-content h3{font-size:1.25rem}
    .news-gallery{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
    .floating,[data-aos]{animation:none!important;transition:none!important}
}
body.page-enter{animation:pageFadeIn .35s ease both}
body.page-leave{animation:pageFadeOut .25s ease both}
@keyframes pageFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes pageFadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}

#page-loading-bar{
    position:fixed;inset-inline-start:0;top:0;height:100%;width:0;background:#00A2E8;z-index:9999;transition:width .25s ease
}

.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-card{transition:all .3s ease;border:1px solid #e2e8f0}
.news-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.15);border-color:#005A94}
.category-tag{position:absolute;top:1rem;left:1rem;z-index:10}
.news-image{transition:transform .3s ease}
.news-card:hover .news-image{transform:scale(1.05)}
.breaking-news{background:linear-gradient(135deg,#ff4444,#ff6b6b);color:#fff;animation:pulse 2s infinite}
.trending-badge{background:linear-gradient(135deg,#F5A623,#ff8c00);color:#fff}
.exclusive-badge{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}
@keyframes pulse{0%{opacity:1}50%{opacity:.8}100%{opacity:1}}
.sidebar .timeline-item{position:relative;padding-right:2rem}
.sidebar .timeline-item:before{content:'';position:absolute;right:0;top:0;bottom:0;width:2px;background:#005A94}
.sidebar .timeline-item:after{content:'';position:absolute;right:-4px;top:.5rem;width:10px;height:10px;border-radius:50%;background:#005A94}
.filter-btn{transition:all .2s ease}
.filter-btn.active{background:#005A94;color:#fff}
.news-slider{scroll-behavior:smooth}
.animate-marquee{animation:marquee 30s linear infinite}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem}
.pagination-btn{
    display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;
    border-radius:.5rem;border:1px solid #e2e8f0;background:#fff;color:#4a5568;font-weight:500;transition:all .2s ease
}
.pagination-btn:hover{background:#005A94;color:#fff;border-color:#005A94}
.pagination-btn.active{background:#005A94;color:#fff;border-color:#005A94}
.pagination-btn.disabled{opacity:.5;cursor:not-allowed}
.pagination-btn.disabled:hover{background:#fff;color:#4a5568;border-color:#e2e8f0}
.pagination-ellipsis{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;color:#4a5568}
.pagination-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 2rem;
    padding: 1.5rem 0;
    border-top: 1px solid #e5e7eb;
}

.pagination-info {
    margin-bottom: 1rem;
    color: #6b7280;
    font-size: 0.875rem;
}

.pagination-nav {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}


.view-tab-active{color:#005A94;border-bottom:2px solid #005A94;font-weight:700}
.page-btn{min-width:2.5rem}

.form-label{display:block;font-size:.875rem;color:#6B7280;margin-bottom:.5rem}
.form-input{width:100%;border:1px solid #E5E7EB;border-radius:0.75rem;padding:0.875rem;outline:none}
.form-input:focus{border-color:#005A94;box-shadow:0 0 0 3px rgba(0,90,148,.15)}