:root{--header-bg:#fff;--header-border:#0000000d;--primary:#00b0ed;--primary-rgb:0,176,237;--secondary:#ffbf00;--bg-body:#f4f7f9;--bg-card:#fff;--text-main:#1a1a1a;--text-muted:#555;--border:#e2e8f0;--glass:#fffffff2;--shadow:0 10px 15px -3px #0000000d;--facebook:#1877f2;--github:#24292f;--linkedin:#0a66c2;--telegram:#229ed9;--threads:#000;--twitter:#1da1f2;--youtube:red;--reddit:#ff5700;--mastodon:#6364ff;--bluesky:#1185fe;--discord:#5865f2}.page-footer .footer-social .fa-facebook{color:var(--facebook)}.page-footer .footer-social .fa-github{color:var(--github)}.page-footer .footer-social .fa-square-linkedin{color:var(--linkedin)}.page-footer .footer-social .fa-telegram{color:var(--telegram)}.page-footer .footer-social .fa-threads{color:var(--threads)}.page-footer .footer-social .fa-youtube{color:var(--youtube)}.page-footer .footer-social .fa-mastodon{color:var(--mastodon)}.page-footer .footer-social .fa-reddit{color:var(--reddit)}.page-footer .footer-social .fa-twitter{color:var(--twitter)}.page-footer .footer-social .fa-bluesky{color:var(--bluesky)}.page-footer .footer-social .fa-discord{color:var(--discord)}@keyframes slideTextUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-slide.active .hero-content{animation:slideTextUp .4s ease-out forwards;will-change:transform,opacity}@media (prefers-color-scheme:dark){:root{--header-bg:#0f172a;--header-border:#ffffff1a;--bg-body:#0f172a;--bg-card:#1e293b;--text-main:#f1f5f9;--text-muted:#94a3b8;--border:#334155;--glass:#1e293b;--github:#fff;--threads:#fff}.hero-content h1{color:#fff;text-shadow:0 0 12px #00b0ed99;filter:none}}*{box-sizing:border-box;touch-action:manipulation;text-rendering:optimizeLegibility;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-body);color:var(--text-main);transition:background .15s,color .15s;font-family:Inter,sans-serif;line-height:1.6}.container{max-width:1250px;margin:0 auto;padding:0 20px}header{position:sticky;z-index:1000;background:var(--header-bg);border-bottom:1px solid var(--header-border);padding:10px 0;transition:padding .2s,box-shadow .2s;top:0;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}header.scrolled{padding:8px 0;box-shadow:0 4px 15px #00000014}.nav-box{display:flex;justify-content:space-between;align-items: center;max-width:1200px;margin:0 auto;padding:0 20px}.logo{display:flex;text-decoration:none;color:var(--primary);letter-spacing:-.5px;white-space:nowrap;align-items: center;gap:8px;font-family:Montserrat;font-size:1.4rem;font-weight:800}.logo span{color:var(--secondary)}.logo:hover{opacity:.8;text-decoration:none}.logo-icon{object-fit:contain;filter:drop-shadow(0 2px 4px #0000001a);flex-shrink:0;width:24px;height:24px;transition:transform .3s}h1.logo{margin:0;padding:0;font-size:1.4rem}h1.logo a{display:flex;text-decoration:none;color:inherit;align-items: center;gap:8px}.search-bar{border:1px solid var(--header-border);color:inherit;outline:none;background:#9696961a;border-radius:20px;width:200px;padding:8px 35px 8px 15px;transition:all .2s cubic-bezier(.4,0,.2,1)}.search-bar:focus{background:var(--bg-card);border-color:var(--primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.15);width:280px}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px}.hero{position:relative;overflow:hidden;cursor:pointer;border-radius:20px;height:450px}.hero-slider-wrapper{display:flex;will-change:transform;width:100%;height:100%;transition:transform .8s cubic-bezier(.65,0,.35,1)}.hero-slide{position:relative;overflow:hidden;display:flex;text-decoration:none;color:#fff;align-items: flex-end;min-width:100%;height:100%}.hero-slide>picture{position:absolute;z-index:0;width:100%;height:100%;inset:0}.hero-slide>picture img{object-fit:cover;display:block;width:100%;height:100%}.hero-overlay{position:absolute;z-index:1;background:linear-gradient(#0000,#000c);inset:0}.hero-content{position:relative;z-index:2;width:100%;padding:40px 40px 60px}.hero-cat{background:var(--secondary);color:#000;border-radius:5px;padding:4px 12px;font-size:.8rem;font-weight:700}.hero-title{color:var(--primary);text-shadow:0 2px 4px #0003;margin:15px 0;font-family:Montserrat,sans-serif;font-size:2.5rem;line-height:1.2}.hero-summary{opacity:.9;color:#fff;display:block;max-width:800px}.hero:hover .hero-slide{filter:brightness(1.1);transition:all .3s}.card{contain:content;transition:transform .2s,box-shadow .2s}.card>picture,.news-feed .card picture{display:block;overflow:hidden;border-radius:8px 8px 0 0;width:100%;line-height:0}.card-img{object-fit:cover;display:block;border-radius:8px 8px 0 0;width:100%;height:180px;transition:transform .4s,opacity .2s}.card:hover .card-img{transform:scale(1.03)}.card-body{display:flex;flex-direction:column;flex-grow:1;padding:20px}.card-title{color:var(--text-main);margin:0;padding:1rem 1rem .5rem;transition:color .3s;font-family:Montserrat;font-size:1.1rem;line-height:1.4}.card-excerpt{color:var(--text-muted);flex-grow:1;margin-bottom:15px;font-size:.9rem}.card-summary{color:var(--text-muted);padding:0 1rem;font-size:.9rem}.card-body small{display:inline-block;letter-spacing:.3px;margin-bottom:6px}.card-link{display:flex;text-decoration:none;color:inherit;position:relative;flex-direction:column;height:100%}.card-link:after{content:"";position:absolute;inset:0}.card-link:hover .card-title{color:var(--primary)}.card:hover{transform:translateY(-5px);box-shadow:0 12px 20px -5px #00000026}.card-category{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:700}.card-footer{display:flex;background:var(--bg-card);border-top:1px solid var(--border);justify-content:space-between;align-items: center;margin-top:auto;padding:.75rem 1rem;font-size:.85rem;backdrop-filter:none!important}.card-date{color:var(--text-muted)}.card-readmore{color:var(--primary);font-weight:600}.card-readmore:hover{color:var(--secondary)}.mini-item{display:flex;align-items: center;gap:12px;margin-bottom:15px}.mini-item picture{display:block;overflow:hidden;border-radius:8px;flex-shrink:0;width:55px;height:55px;line-height:0}.mini-thumb{object-fit:cover;display:block;border-radius:8px;flex-shrink:0;width:55px;height:55px}.mini-text h4{font-size:.85rem;line-height:1.3}.toolbar{display:flex;flex-direction:column;align-items: center;gap:20px;max-width:1200px;margin:0 auto 30px;padding:0 20px}.pills{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;align-items: center;gap:10px;padding:5px 0}#categoryPills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%}.pills::-webkit-scrollbar{display:none}.pills{-ms-overflow-style:none;scrollbar-width:none}.pill{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;white-space:nowrap;display:flex;border-radius:20px;justify-content:center;align-items: center;padding:8px 18px;transition:all .3s;font-size:.9rem}.pill.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pill:hover{background:var(--secondary);border-color:var(--secondary);color:#000;transform:translateY(-2px);box-shadow:0 4px 6px -1px #ffbf0033}.archive-box select{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border);outline:none;display:flex;border-radius:8px;align-items: center;height:38px;padding:0 10px}.main-grid{display:grid;grid-template-columns:1fr 350px;gap:30px}.news-feed{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}#loadMore{cursor:pointer;letter-spacing:.5px;background:var(--primary);color:#fff;border:none;border-radius:30px;justify-content:center;padding:12px 40px;transition:all .4s cubic-bezier(.4,0,.2,1);font-family:Montserrat,sans-serif;font-weight:700;box-shadow:0 4px 6px -1px #0000001a}#loadMore:hover{filter:brightness(1.1);transform:translateY(-3px);box-shadow:0 10px 15px -3px #00b0ed4d}#loadMore.is-top{background:var(--secondary);color:#000;justify-content:center;box-shadow:0 4px 6px -1px #ffbf0033}#loadMore.is-top:hover{box-shadow:0 10px 15px -3px #ffbf0066}aside{position:sticky;height:-moz-fit-content;height:fit-content;top:90px}.sidebar-box{background:var(--bg-card);border:1px solid var(--border);border-radius:15px;margin-bottom:25px;padding:20px}.sidebar-title{border-left:4px solid var(--primary);margin-bottom:20px;padding-left:10px;font-family:Montserrat}.skeleton{animation:pulse 1.5s infinite ease-in-out;background:#e2e8f0}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#toast-container{position:fixed;z-index:9999;bottom:20px;right:20px}.toast{color:#fff;display:flex;animation:slideIn .5s ease forwards;background:#2ecc71;border-radius:10px;align-items: center;gap:10px;margin-top:10px;padding:15px 25px;transition:opacity .5s;font-weight:600;box-shadow:0 5px 15px #0003}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-hide{opacity:0}.page-footer{background:var(--bg-card);border-top:1px solid var(--border);margin-top:30px;padding:25px 0}.footer-content{display:grid;grid-template-columns:1.2fr 1fr;align-items: center;gap:30px;max-width:1200px;margin:0 auto;padding:0 20px}.footer-section{display:flex;flex-direction:column;gap:12px}.footer-section p{color:var(--text-main);margin:0;font-size:1rem;font-weight:700;line-height:1.3}.footer-social{display:flex;flex-flow:wrap;align-items: center;gap:12px;font-size:1.4rem}.footer-social a{color:var(--text-muted);display:inline-flex;text-decoration:none;transition:all .3s}.footer-social a:hover{color:var(--primary);transform:translateY(-3px)}.footer-links{display:flex;flex-flow:wrap;justify-content:flex-end;gap:15px}.footer-links a{color:var(--text-muted);text-decoration:none;transition:all .2s;font-size:.85rem}.footer-links a:hover{color:var(--primary)}.footer-copyright{margin-top:0}.footer-copyright p{text-align:right;color:var(--text-muted)!important;font-size:.75rem!important;font-weight:400!important}.header-tools{display:flex;align-items: center;gap:15px}.archive-box-header{display:flex;align-items: center;gap:10px}.archive-box-header select{border:1px solid var(--border);background:var(--bg-body);color:var(--text-main);outline:none;border-radius:8px;padding:8px;font-size:.85rem}.btn-header{display:inline-flex;background:var(--bg-body);border:1px solid var(--border);color:var(--text-main);text-decoration:none;border-radius:15px;align-items: center;gap:6px;padding:6px 12px;transition:all .2s;font-size:.85rem;font-weight:600}.btn-header i{color:var(--primary);font-size:.9rem}.btn-header:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-header:hover i{color:#fff}.search-wrapper{position:relative;display:flex;align-items: center;width:-moz-fit-content;width:fit-content}.clear-btn{position:absolute;cursor:pointer;z-index:5;background:0 0;border:none;margin:0;padding:0;font-size:.9rem;right:10px;display:inline-flex!important;opacity:1!important}#hero{position:relative}.hero-nav{position:absolute;display:flex;pointer-events:none;z-index:10;justify-content:space-between;width:100%;padding:0 20px;top:50%;transform:translateY(-50%)}.nav-btn{color:#fff;cursor:pointer;pointer-events:auto;display:flex;backdrop-filter:blur(5px);background:#0000004d;border:none;border-radius:50%;justify-content:center;align-items: center;width:45px;height:45px;transition:all .3s;font-size:1.2rem}.nav-btn:hover{background:var(--primary);transform:scale(1.1)}@media (max-width:1100px){.footer-content{grid-template-columns:1fr;text-align:center;gap:20px}.footer-section{align-items: center}.footer-links{justify-content:center;gap:12px}.footer-copyright p{text-align:center}}@media (max-width:900px){.main-grid{grid-template-columns:1fr}.hero{height:350px}}@media (max-width:768px){.btn-header{gap:4px;padding:6px 8px}.btn-header span{display:inline;font-size:.75rem}.nav-box{flex-direction:column;gap:15px;padding:15px 20px}.header-tools{flex-direction:column;align-items:stretch;gap:12px;width:100%}.hero-title{font-size:1.6rem!important}.hero-summary{display:none}.hero-content{padding:20px}.archive-box-header{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%}.archive-box-header select,.search-wrapper,.search-bar{width:100%}}@media (max-width:600px){.search-bar{width:150px}.search-bar:focus{width:180px}.logo{gap:6px;font-size:1.1rem}.logo-icon{width:20px;height:20px}.logo:hover .logo-icon{transform:none}.footer-social{gap:10px;max-width:100%;font-size:1.2rem}.hero-nav{padding:0 10px}.nav-btn{width:35px;height:35px;font-size:.9rem}}@media (max-width:480px){.search-bar{width:120px;font-size:.85rem}.footer-social{gap:8px;font-size:1rem}}