:where(.articles_page) .main_page{background-color:#0c121f}body:has(:where(.articles_page)){background-color:#0c121f}:is(body:has(:where(.articles_page)),:where(.articles_page) main,:where(.articles_page) h1,:where(.articles_page) h2,:where(.articles_page) h3,:where(.articles_page) p,:where(.articles_page) ul,:where(.articles_page) li,:where(.articles_page) a,:where(.articles_page) button,:where(.articles_page) time,:where(.articles_page) span){font-family:"Exo 2",sans-serif!important}:where(.articles_page) *,:where(.articles_page) :before,:where(.articles_page) :after{box-sizing:border-box}:where(.articles_page) .logo{width:70px;height:70px;margin-right:10px}:where(.articles_page) .logo_container{align-items:center;padding-top:15px;padding-bottom:7vh;display:flex}:where(.articles_page) .logo_container p{vertical-align:middle;color:#fff;align-content:center;padding-top:10px;font-size:18px}:where(.articles_page) .main_header{align-items:center;margin:0 auto;padding:20px}:where(.articles_page) .main_header header{z-index:100;width:100vw;box-shadow:none;background:#0c121f;justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:fixed;top:0;left:0}:where(.articles_page) .navigation{display:flex;position:absolute;right:3%}:where(.articles_page) .navigation nav a{margin:0 3px}:where(.articles_page) .desktop-nav{display:flex}:where(.articles_page) .mobile-burger{display:none}:where(.articles_page) button{color:#e0ffff;cursor:pointer;z-index:1;background:0 0;border:none;border-radius:15px;width:fit-content;padding:15px;font-size:1rem;font-weight:500;position:relative;overflow:hidden}:where(.articles_page) button:active{transform:scale(.95)}:where(.articles_page) button:before{content:"";z-index:-2;background:#42455a;transition:inset .35s;position:absolute;inset:-3px 50px}:where(.articles_page) button:hover:before{background:#00c2cb;inset:-20px 0}:where(.articles_page) button:after{content:"";z-index:-1;background:#22232e;border-radius:10px;position:absolute;inset:3px}:where(.articles_page) .overlay{z-index:1000;background-color:#0c172ee6;width:0;height:100%;transition:all .5s;position:fixed;top:0;left:0;overflow-x:hidden}:where(.articles_page) .overlay-content{text-align:center;width:100%;position:relative;top:25%}:where(.articles_page) .overlay a{color:#818181;padding:8px;font-size:36px;text-decoration:none;transition:all .3s;display:block}:where(.articles_page) .overlay a:hover{color:#f1f1f1}:where(.articles_page) .overlay .closebtn{font-size:50px;position:absolute;top:20px;right:35px}:where(.articles_page) main{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;padding-top:100px;display:flex}:where(.articles_page) h1.fluid{--font-size-min:22;--font-size-max:20;--font-ratio-min:1.2;--font-ratio-max:1.33;--font-width-min:375;--font-width-max:1500;--font-level:4.25;--fluid-min:calc(var(--font-size-min) * pow(var(--font-ratio-min), var(--font-level,0)));--fluid-max:calc(var(--font-size-max) * pow(var(--font-ratio-max), var(--font-level,0)));--fluid-preferred:calc((var(--fluid-max) - var(--fluid-min)) / (var(--font-width-max) - var(--font-width-min)));font-size:clamp((var(--fluid-min) / 16) * 1rem, ((var(--fluid-min) / 16) * 1rem) - (((var(--fluid-preferred) * var(--font-width-min)) / 16) * 1rem) + (var(--fluid-preferred) * var(--variable-unit,100vi)), (var(--fluid-max) / 16) * 1rem);color:#fff;text-align:center;margin:0}:where(.articles_page) .articles-intro{color:#c8d4e4;text-align:center;text-wrap:balance;width:min(75ch,75vw);margin:0 auto;padding-top:4vh;padding-bottom:8vh;line-height:1.6}:where(.articles_page) ul.article-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px;width:min(1200px,88vw);margin:0 auto;padding:0;list-style:none;display:grid}:where(.articles_page) ul.article-list>li{display:flex}:where(.articles_page) .article-card{background:#161d2e;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:14px;width:100%;padding:28px;transition:transform .35s,border-color .35s,box-shadow .35s;display:flex}:where(.articles_page) .article-card:hover{border-color:#0096fa66;transform:translateY(-4px);box-shadow:0 12px 30px #00000059}:where(.articles_page) .article-card__meta{color:#8b9bb4;justify-content:space-between;align-items:center;gap:12px;font-size:.8rem;display:flex}:where(.articles_page) .article-card__category{color:#4db8ff;letter-spacing:.04em;text-transform:uppercase;background:#0096fa1f;border:1px solid #0096fa4d;border-radius:999px;padding:4px 12px}:where(.articles_page) .article-card__title{color:#fff;margin:0;font-size:1.35rem;font-weight:500;line-height:1.3}:where(.articles_page) .article-card a{color:inherit;text-decoration:none}:where(.articles_page) .article-card>a:hover .article-card__title{color:#4db8ff}:where(.articles_page) .article-card__excerpt{color:#b6c2d4;flex:1;margin:0;line-height:1.6}:where(.articles_page) .article-card__footer{color:#8b9bb4;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;font-size:.9rem;display:flex}:where(.articles_page) .article-card__cta{color:#0096fa;transition:color .3s}:where(.articles_page) .article-card__cta:hover{color:#4db8ff;text-shadow:0 0 6px #0096fa66}:where(.articles_page) .article-card__soon{color:#6f7d94;font-style:italic}:where(.articles_page) .articles-empty{text-align:center;background:#161d2e;border:1px dashed #ffffff26;border-radius:12px;width:min(56ch,88vw);margin:0 auto;padding:48px 32px}:where(.articles_page) .articles-empty h2{color:#fff;margin:0 0 12px;font-size:1.4rem;font-weight:500}:where(.articles_page) .articles-empty p{color:#b6c2d4;margin:0;line-height:1.6}:where(.articles_page) .links_container{background:0 0;justify-content:center;align-items:center;width:100%;height:auto;margin-top:12vh;padding:40px 0 20px;display:flex}:where(.articles_page) .links_container ul{gap:30px;margin:0;padding:0;display:flex}:where(.articles_page) .links_container ul li{list-style:none}:where(.articles_page) .links_container ul li a{text-align:center;color:#666;background:#0c121f;border-radius:50%;width:60px;height:60px;font-size:30px;line-height:63px;transition:all .5s;display:block;position:relative}:where(.articles_page) .links_container ul li a:before{content:"";z-index:-1;background:#0c121f;border-radius:50%;width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:0;transform:scale(.9)}:where(.articles_page) .links_container ul li a:hover:before{transform:scale(1.1);box-shadow:0 0 15px #0096fa}:where(.articles_page) .links_container ul li a:hover{color:#0096fa;text-shadow:0 0 5px #0096fa;box-shadow:0 0 5px #0096fa}:where(.articles_page) footer{color:#8b9bb4;text-align:center;padding:10px 0 30px}@media (max-width:768px){:where(.articles_page) .desktop-nav{display:none}:where(.articles_page) .mobile-burger{z-index:1;color:#14a7cc;padding:20px;display:block;position:absolute;top:20px;right:20px}:where(.articles_page) .overlay a{font-size:28px}:where(.articles_page) .overlay .closebtn{font-size:40px}:where(.articles_page) .logo{width:40.8px;height:40.8px;margin-right:8px}:where(.articles_page) main{width:100%;padding-top:80px;overflow-x:hidden}:where(.articles_page) .articles-intro{width:86vw;padding-bottom:6vh}:where(.articles_page) ul.article-list{grid-template-columns:1fr;gap:20px;width:88vw}:where(.articles_page) .article-card{padding:22px}:where(.articles_page) .links_container{margin-top:8vh}}
