body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f3460,#1a5276);box-shadow:0 8px 32px #00000040;opacity:1;padding:1rem 0;position:sticky;top:0;transform:translateY(0);transition:transform .3s ease,opacity .3s ease;z-index:100}.header.hidden{opacity:0;transform:translateY(-100%)}.header.visible{opacity:1;transform:translateY(0)}.header-container{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 1rem}.header-left{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:12px;flex:0 0 auto;padding:.75rem 1rem;transition:all .3s ease}.header-left,.header-logo-link{align-items:center;color:inherit;display:flex;gap:1rem;text-decoration:none}.header-logo-link{cursor:pointer;transition:opacity .3s ease}.header-logo-link:hover{opacity:.85}.header-left:hover{background:linear-gradient(135deg,#ffffff14,#ffffff0d);border-color:#fff3;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.header-logo{flex:0 0 auto}.header-logo img{filter:brightness(0) invert(1);height:60px;object-fit:contain;width:auto}.caan-title{display:flex;flex-direction:column;gap:.25rem}.caan-title h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;letter-spacing:1px;margin:0}.caan-title h1{font-size:1.8rem;font-weight:700;letter-spacing:2px;margin:0}.caan-subtitle{font-size:.75rem;font-weight:300;letter-spacing:.5px;margin:0;opacity:.9}.header-nav{align-items:center;display:flex;flex:1 1;justify-content:center}.nav-links{display:flex;flex-wrap:nowrap;gap:2rem;list-style:none;margin:0;padding:0}.nav-links li{white-space:nowrap}.nav-links li a{background:linear-gradient(135deg,#fff0,#fff0);border:1px solid #0000;border-radius:8px;color:#fff;display:inline-block;font-size:.95rem;font-weight:600;padding:.6rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-links li a:before{background:linear-gradient(90deg,gold,#ffed4e);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links li a:after{background:linear-gradient(135deg,#ffd7000d,#ffd70000);border-radius:8px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.nav-links li a:hover{background:#ffd7001a;border-color:#ffd7004d;box-shadow:0 4px 12px #ffd70026;color:gold;transform:translateY(-2px)}.nav-links li a:hover:before{width:100%}.nav-links li a:hover:after{opacity:1}.header-time{flex:0 0 auto;font-size:1rem;font-weight:500;white-space:nowrap}.header-time p{background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border:1px solid #ffd70033;border-radius:8px;font-weight:600;margin:0;padding:.6rem 1.2rem;transition:all .3s ease}.header-right{align-items:center;display:flex;flex:0 0 auto;gap:.75rem}.hamburger-menu{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:.5rem;transition:all .3s ease}.hamburger-menu span{background-color:#fff;border-radius:3px;height:3px;transition:all .3s ease;width:25px}.hamburger-menu.active span:first-child{transform:rotate(45deg) translate(8px,8px)}.hamburger-menu.active span:nth-child(2){opacity:0}.hamburger-menu.active span:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.menu-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:50}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.header-container{flex-wrap:wrap;gap:1rem;padding:.75rem}.header-left{flex:0 1 auto;order:1}.header-time{flex:1 1;order:2;text-align:right}.header-nav{background:linear-gradient(135deg,#0f3460,#1a5276);box-shadow:0 8px 16px #0000004d;flex-direction:column;left:-100%;max-height:calc(100vh - 80px);overflow-y:auto;position:fixed;text-align:center;top:80px;transition:left .3s ease;width:100%;z-index:40}.header-nav.active{left:0}.nav-links{flex-direction:column;gap:.75rem;padding:1.5rem 0;width:100%}.nav-links li{text-align:center}.nav-links li a{border:1px solid #ffffff1a;border-radius:0;display:block;padding:.75rem 1rem;width:100%}.caan-title h1{font-size:1.5rem}.caan-title h3{font-size:1.3rem}.caan-subtitle{font-size:.7rem}.hamburger-menu{display:flex;order:3;z-index:100}.header-logo img{height:45px}}@media (max-width:480px){.header-container{gap:.5rem;padding:.5rem}.header-left{gap:.75rem}.caan-title h3{font-size:1.1rem;letter-spacing:.5px}.caan-subtitle{font-size:.6rem}.header-time p{font-size:.85rem;padding:.4rem .75rem}.nav-links li a{font-size:.9rem;padding:.65rem .75rem}.header-logo img{height:40px}.hamburger-menu span{height:2.5px;width:22px}.header-nav{top:70px}.nav-links{padding:1rem 0}}@media (max-width:320px){.header-time p{font-size:.75rem;padding:.3rem .5rem}.caan-title h3{font-size:.95rem}.caan-subtitle{font-size:.55rem}.header-logo img{height:35px}.hamburger-menu span{height:2px;width:18px}.nav-links li a{font-size:.85rem;padding:.5rem}}@media (min-width:1200px){.header-container{gap:3rem}.caan-title h1{font-size:2rem}.nav-links{gap:2.5rem}.header-logo img{height:70px}}.search-filter-container{margin:20px auto;max-width:800px;padding:20px 15px}.search-filter-card{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 8px 32px #00000014;padding:24px}.search-filter-card h3{align-items:center;color:#1a3a52;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0 0 16px}.filter-group{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.filter-group:last-child{margin-bottom:0}.filter-input{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:10px 14px;transition:all .3s ease;width:100%}.filter-input:focus{background:linear-gradient(135deg,#fff,#f0f8ff);border-color:#0f3460;box-shadow:0 0 0 3px #0f34601a;outline:none}.filter-select{appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f3460' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:20px;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 32px 10px 14px;transition:all .3s ease;width:100%}.filter-select:focus{border-color:#0f3460;box-shadow:0 0 0 3px #0f34601a;outline:none}.filter-actions{display:flex;gap:10px;justify-content:center;margin-top:16px}.filter-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s ease}.filter-btn-primary{background:linear-gradient(135deg,#0f3460,#1a5276);color:#fff}.filter-btn-primary:hover{box-shadow:0 4px 12px #0f346040;transform:translateY(-2px)}.filter-btn-secondary{background:#f0f0f0;border:1px solid #ddd;color:#333}.filter-btn-secondary:hover{background:#e0e0e0}@media (max-width:768px){.search-filter-card{padding:16px}.search-filter-card h3{font-size:16px;margin-bottom:12px}.filter-group{gap:10px;grid-template-columns:1fr}.filter-actions{flex-direction:column}.filter-btn{width:100%}}@media (max-width:480px){.search-filter-container{margin:15px auto;padding:15px 10px}.search-filter-card{border-radius:12px;padding:12px}.search-filter-card h3{font-size:14px;margin-bottom:10px}.filter-input,.filter-select{font-size:13px;padding:8px 12px}.filter-btn{font-size:13px;padding:8px 16px}}.page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding-bottom:40px}.header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin:0 15px 20px;padding:20px 15px;text-align:center}.title{font-size:24px;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}.subtitle{font-size:13px;margin-top:5px;opacity:.9}.tabs{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:20px;padding:0 15px}.news-btn{background:#0000;border:2px solid #0d6efd;border-radius:30px;color:#0d6efd;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:1px;min-width:120px;padding:12px 24px;text-align:center;text-transform:uppercase;transition:.3s}.news-btn.active{box-shadow:0 5px 15px #0d6efd4d}.news-btn.active,.news-btn:hover{background:#0d6efd;color:#fff}.filterBar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 15px 20px;padding:15px}.input,.select{background:#fff;border:1px solid #0000001a;border-radius:10px;flex:1 1;max-width:250px;min-width:200px;padding:8px 12px}.grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:0 15px}.card{background:#fff;border-radius:14px;box-shadow:0 6px 18px #00000014;cursor:pointer;display:flex;flex-direction:column;max-width:100%;min-height:250px;overflow:hidden;transition:.3s}.card,.imageContainer{position:relative}.imageLink{display:block;text-decoration:none}.image{height:180px;object-fit:cover;transition:.3s;width:100%}.newBadge{background:#ff4757;color:#fff;font-weight:700;right:10px;text-transform:uppercase}.categoryBadge,.newBadge{border-radius:12px;font-size:10px;padding:4px 8px;position:absolute;top:10px}.categoryBadge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;color:#333;font-weight:600;left:10px}.cardBody{display:flex;flex:1 1;flex-direction:column;padding:15px}.cardTitle{font-size:16px;font-weight:600;line-height:1.3;margin-bottom:8px}.text{color:#555;flex:1 1;font-size:14px;line-height:1.5}.meta{color:#777;font-size:12px;margin-top:8px}.readMore{display:block;margin-top:12px;text-decoration:none}.readMoreBtn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #667eea4d;font-size:14px;font-weight:600;transition:all .3s ease;width:100%}.empty{color:#888;padding:40px}.empty,.loading{text-align:center}.loading{margin-top:80px}
/*# sourceMappingURL=main.c58c887a.css.map*/