@font-face{font-family:FiraGO;src:url(/static/fonts/FiraGO-Book.woff2)format("woff2"),url(/static/fonts/FiraGO-Book.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:FiraGO;src:url(/static/fonts/FiraGO-SemiBold.woff2)format("woff2"),url(/static/fonts/FiraGO-SemiBold.woff)format("woff");font-weight:600;font-style:normal;font-display:swap}:root{--gradient-start:#4be7ff;--gradient-mid:#21bfff;--gradient-end:#0a84ff;--dark-bg:#0d0d10;--card-bg:#18181d;--border:#2a2a30;--text-primary:#e7ecf2;--text-secondary:#aab5c3;--accent:var(--gradient-mid);--accent-hover:var(--gradient-end);--header-height:70px;--content-max-width:1200px;--side-space:260px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--dark-bg);color:var(--text-primary);padding-top:var(--header-height);justify-content:center;align-items:center;min-height:100vh;font-family:FiraGO,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;display:flex}.main-container{width:100%;max-width:var(--content-max-width);margin:0 var(--side-space);padding:2rem 1rem}.gradient-bg{background:linear-gradient(180deg, var(--gradient-start), var(--gradient-mid), var(--gradient-end))}#page-content{opacity:1;transition:opacity .2s ease-in-out}#page-content.loading{opacity:0}header{width:100%;height:var(--header-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:4 rem;z-index:1000;border-bottom:1px solid var(--border);background-color:#0b1220f2;padding:0 2rem;display:flex;position:fixed;top:0;left:0}header .logo img{object-fit:contain;width:auto;height:40px;margin-left:1rem;margin-right:3rem;transition:transform .3s;display:block}header nav{gap:4rem;margin-left:0;display:flex}header nav a{color:var(--text-primary);letter-spacing:-.02em;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;padding:5px 0;font-family:FiraGO,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1.4rem;font-weight:600;line-height:1;text-decoration:none;transition:color .3s,transform .2s;display:inline-flex;position:relative;transform:translateY(-1px)}header nav a:hover{color:var(--gradient-mid);transform:translateY(-1px)}header nav a:after{content:"";background:linear-gradient(90deg, var(--gradient-start), var(--gradient-end));border-radius:2px;width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}header nav a:hover:after{width:100%}.search-container{align-items:center;width:280px;margin-left:auto;margin-right:2rem;display:flex}.search-container input{color:var(--text-primary);background-color:#141a28;border:none;border-radius:8px 0 0 8px;outline:none;flex-grow:1;height:40px;padding:.5rem 1rem}.search-container input::placeholder{color:var(--text-secondary)}.search-container button{background:linear-gradient(180deg, var(--gradient-start), var(--gradient-mid), var(--gradient-end));color:#fff;cursor:pointer;border:none;border-radius:0 8px 8px 0;justify-content:center;align-items:center;height:40px;padding:.5rem 1rem;transition:opacity .3s,transform .2s;display:flex}.search-container button:hover{opacity:.85;transform:scale(1.02)}.search-container form{align-items:center;display:flex}article h1{background:linear-gradient(180deg, var(--gradient-start), var(--gradient-end));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.2rem;font-weight:800;line-height:1.3}.section-header{margin:.5 rem auto 1.5rem;justify-content:space-between;align-items:center;max-width:1200px;padding:0 1rem;display:flex}.section-header h2{letter-spacing:.5px;background:linear-gradient(180deg, var(--gradient-start), var(--gradient-mid), var(--gradient-end));color:#0000;text-shadow:1px 1px 3px #0000004d;-webkit-background-clip:text;font-size:1.8rem;font-weight:700}.article-card h4{background:linear-gradient(180deg, var(--gradient-start), var(--gradient-end));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin:.5rem 0;font-size:1.4rem;font-weight:400;text-decoration:none}.article-card a{text-decoration:none}.article-meta{color:var(--text-secondary);flex-wrap:wrap;gap:.5rem 1rem;font-size:.9rem;display:flex}.article-meta span{white-space:nowrap}.article-description{color:var(--text-secondary);margin-top:.5rem;font-size:.95rem;line-height:1.4}footer{color:var(--text-primary);border-top:1px solid var(--border);z-index:100;background-color:#0b1220;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1rem;display:flex;position:relative}footer .footer-content{max-width:var(--content-max-width);text-align:center;width:100%}footer .footer-content p{color:var(--text-secondary);letter-spacing:.5px;margin-bottom:1rem;font-size:1rem}footer .copyright{color:var(--text-secondary);margin-top:2rem;font-size:.9rem}footer .footer-top{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0b1220e6;width:100%;margin-bottom:2rem;padding:2rem 1rem}footer .footer-top .footer-logo img{object-fit:contain;width:auto;height:50px;margin-bottom:1rem}footer .footer-top nav{justify-content:center;gap:2rem;display:flex}footer .footer-top nav a{color:var(--text-primary);font-size:1.1rem;font-weight:500;text-decoration:none;transition:color .3s}footer .footer-top nav a:hover{color:var(--gradient-mid)}.privacy-modal{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow-y:auto}.privacy-content{color:var(--text-primary);background-color:#0b1220;border-radius:1rem;width:90%;max-width:600px;margin:5% auto;padding:2rem;position:relative;box-shadow:0 0 20px #0000004d}#privacy-close{color:var(--text-secondary);cursor:pointer;font-size:1.5rem;transition:color .3s;position:absolute;top:15px;right:20px}#privacy-close:hover{color:var(--gradient-mid)}@media (width<=768px){footer .footer-content{padding:1rem}footer .footer-content p{font-size:.9rem}footer .footer-top{padding:1rem}}button,.btn{cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.4rem;font-family:inherit;font-size:1rem;font-weight:600;line-height:1.2;transition:all .25s;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(180deg, var(--gradient-start), var(--gradient-mid), var(--gradient-end));color:#fff;box-shadow:0 0 10px #0000001f}.btn-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 0 15px #0000008c}.btn-primary:active{transform:scale(.98);box-shadow:0 0 8px #21bfff66}.btn-secondary{background-color:var(--card-bg);color:var(--text-primary);border:1px solid var(--border);text-decoration:none}.btn-secondary:hover{border-color:var(--gradient-mid);color:var(--gradient-mid);transform:translateY(-1px)}.btn-secondary:active{transform:scale(.98)}.btn-outline{color:var(--gradient-mid);border:2px solid var(--gradient-mid);background:0 0}.btn-outline:hover{background:linear-gradient(180deg, var(--gradient-start), var(--gradient-mid), var(--gradient-end));color:#fff;border-color:#0000;box-shadow:0 0 12px #21bfff66}btn-outline:active{transform:scale(.97)}.btn-outline.wactive{background:linear-gradient(180deg, var(--gradient-start), var(--gradient-mid), var(--gradient-end));color:#fff;border-color:#0000;box-shadow:0 0 12px #21bfff66}.share-toggle{color:#fff;cursor:pointer;background-color:#555;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.4rem;transition:background-color .3s,transform .1s;display:inline-flex}.share-toggle:hover{background-color:#777;transform:scale(1.05)}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn svg{fill:currentColor;width:1.2em;height:1.2em}.btn-sm{align-items:center;padding:.2rem .7rem;font-size:.8rem;display:inline-flex}.btn-lg{padding:.8rem 1.8rem;font-size:1.1rem}.share-menu{display:inline-block;position:relative}.share-toggle{background-color:var(--card-bg);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;transition:all .25s;display:inline-flex}.share-toggle:hover{border-color:var(--gradient-mid);color:var(--gradient-mid);transform:translateY(-1px)}.share-dropdown{background-color:var(--card-bg);border:1px solid var(--border);z-index:50;border-radius:12px;flex-direction:row;min-width:200px;padding:.5rem;animation:.25s forwards fadeIn;display:none;position:absolute;top:110%;left:0;box-shadow:0 6px 20px #00000073}.share-dropdown.show{display:flex}.share-item{color:var(--text-primary);border-radius:8px;align-items:center;gap:.5rem;padding:.6rem .8rem;text-decoration:none;transition:background .3s,color .3s;display:flex}.share-item:hover{background:linear-gradient(180deg, var(--gradient-start), var(--gradient-mid), var(--gradient-end));color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.share-dropdown:before{content:"";border-left:8px solid #0000;border-right:8px solid #0000;border-bottom:8px solid var(--card-bg);width:0;height:0;position:absolute;top:-8px;left:20px}.article-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.8rem;max-width:1200px;margin:0 auto 3rem;padding:0 1rem;display:grid}.article-card{background-color:var(--card-bg);border-radius:12px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 12px #0006}.article-card:hover{transform:translateY(-6px);box-shadow:0 6px 20px #0009}.article-card img{object-fit:cover;border-bottom:1px solid var(--border);width:100%;min-height:200px;max-height:300px}.scroll-container{max-width:100%;margin:1rem 0;padding:0 1rem;position:relative;overflow:visible}.scrollable-grid{scroll-behavior:smooth;scrollbar-width:none;scroll-snap-type:x mandatory;gap:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto;flex-wrap:nowrap!important}.scrollable-grid::-webkit-scrollbar{display:none}.scrollable-grid .article-card{scroll-snap-align:start;flex:0 0 31%;min-width:31%}.scroll-btn{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;z-index:10;background:#141a28d9;border-radius:10px;justify-content:center;align-items:center;width:40px;height:60px;font-size:1.8rem;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.scroll-btn.left{left:0}.scroll-btn.right{right:0}.scroll-btn:hover{background:linear-gradient(180deg, var(--gradient-start), var(--gradient-mid), var(--gradient-end));color:#fff;transform:translateY(-50%)scale(1.05)}.alt-overlay{padding:0 1rem}.alt-overlay h3{color:var(--text-primary);margin-bottom:.6rem;font-size:1.2rem;font-weight:600}.alt-overlay .article-meta{color:var(--text-secondary);flex-wrap:wrap;gap:.75rem;margin-bottom:.6rem;font-size:.85rem;display:flex}.alt-overlay p{color:var(--text-secondary);font-size:.9rem;line-height:1.4}article{max-width:100%}.article-main-image{border-radius:16px;margin-bottom:2rem;position:relative;overflow:hidden;box-shadow:0 6px 18px #0006}.article-main-image img{object-fit:cover;border-radius:16px;width:100%;height:auto;display:block}.article-meta{color:var(--text-secondary);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.75rem 1.5rem;margin-bottom:2rem;padding-bottom:1rem;font-size:.95rem;display:flex}.article-meta a{color:var(--gradient-mid);text-decoration:none}.article-meta a:hover{color:var(--gradient-end)}.article-tags{margin:3rem 0}.related-articles{margin-top:4rem;margin-bottom:4rem}.related-articles h2{background:linear-gradient(90deg, var(--gradient-start), var(--gradient-end));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem}.related-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.related-grid .article-card{background-color:var(--card-bg);border-radius:12px;transition:transform .3s,box-shadow .3s;overflow:hidden}.related-grid .article-card:hover{transform:translateY(-4px);box-shadow:0 4px 15px #00000059}.related-grid .image-wrapper{width:100%;min-height:400px;position:relative;overflow:hidden}.related-grid .image-wrapper img{object-fit:cover;width:100%;height:100%;display:block}.related-grid .alt-overlay{background:linear-gradient(#0000,#000000bf);padding:.75rem 1rem;position:absolute;bottom:0;left:0;right:0}.related-grid .alt-overlay h4{color:#fff;margin:0 0 .25rem;font-size:1rem;font-weight:600}.related-grid .alt-overlay .article-meta{color:#ffffffbf;border:none;margin:0;padding:0;font-size:.8rem}.menu-toggle{display:none}@media (width<=1024px){:root{--side-space:120px}.main-container{margin:0 var(--side-space);padding:1.5rem}header{padding:0 1.5rem}header nav{gap:2rem}.search-container{width:220px}}@media (width<=768px){:root{--side-space:40px;--header-height:60px}body{padding-top:var(--header-height);flex-direction:column;align-items:stretch;display:block}.main-container{margin:0 var(--side-space);padding:1rem}header{padding:0 1rem}header nav{display:none}.menu-toggle{width:40px;height:40px;color:var(--text-primary);cursor:pointer;z-index:1100;background:0 0;border:none;justify-content:center;align-items:center;font-size:1.5rem;display:flex}header.active nav{top:var(--header-height);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);z-index:2000;background-color:#0b1220fa;flex-direction:column;gap:1.5rem;width:100%;padding:1rem 2rem;animation:.25s dropdown;display:flex;position:fixed;left:0}@keyframes dropdown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}header.active .search-container{width:100%;margin:1rem 0 0;display:flex}}@media (width<=480px){:root{--side-space:16px;--header-height:56px}body{font-size:.95rem}.main-container{margin:0 var(--side-space);padding:.75rem}header{padding:0 .75rem}header.active nav{padding:1rem}.search-container input{font-size:.9rem}}