@import"https://fonts.googleapis.com/css2?family=Gemunu+Libre:wght@200..800&display=swap";*,*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;padding:0;font-family:Gemunu Libre,sans-serif;font-weight:400;line-height:1.6;color:#636374;background-color:#181a20;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p{margin:0}.site-content a{color:#9f9fb4;text-decoration:none;transition:color .2s ease}img,video{max-width:100%;height:auto;display:block}input,textarea,select,button{font:inherit;border-radius:0;outline:none}button{cursor:pointer}.container{width:100%;max-width:1920px;margin-left:auto;margin-right:auto}.hidden{display:none!important}.accent{font-family:Gemunu Libre;background:linear-gradient(307.63deg,#ff00b2 .02%,#ff1f48);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 0;background-image:url(../assets/images/header-pattern.svg);background-size:auto;background-repeat:repeat-x;background-color:#181a2059;-webkit-backdrop-filter:blur(17.5px);backdrop-filter:blur(17.5px)}@media (max-width: 768px){.site-header{padding:15px 0}}.header-container{max-width:1920px;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:40px}@media (max-width: 1024px){.header-container{padding:0 30px;gap:30px}}@media (max-width: 768px){.header-container{padding:0 20px;gap:20px}}.site-logo{flex-shrink:0;line-height:0}.site-logo img{height:60px;width:auto}@media (max-width: 768px){.site-logo img{height:48px}}.desktop-nav{flex:1;display:flex;justify-content:flex-end}@media (max-width: 968px){.desktop-nav{display:none}}.main-menu{display:flex;align-items:center;gap:60px;list-style:none;margin:0;padding:0}@media (max-width: 1200px){.main-menu{gap:40px}}.main-menu .menu-item a{display:flex;align-items:center;gap:12px;font-family:Gemunu Libre,sans-serif;font-weight:600;font-size:20px;line-height:1.2;text-transform:uppercase;color:#9f9fb4;text-decoration:none;transition:color .3s ease}@media (max-width: 1200px){.main-menu .menu-item a{font-size:18px;gap:10px}}.main-menu .menu-item a svg{width:32px;height:32px;color:#ff1856;flex-shrink:0}@media (max-width: 1200px){.main-menu .menu-item a svg{width:28px;height:28px}}.main-menu .menu-item a:hover{color:#fff}.join-discord-btn{position:relative;width:auto;border:none;padding:12px 36px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;background:transparent;transition:filter .5s ease,transform .2s ease,opacity .3s ease;color:#fff;text-decoration:none}.join-discord-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(272.49deg,#ff00b2,#ff1f48 125.48%);clip-path:polygon(0 0,90.5% 0,100% 30%,100% 100%,0 100%);z-index:1;transition:opacity .5s ease}.join-discord-btn:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(272.49deg,#ff00b2,#ff1f48 125.48%);opacity:0;clip-path:polygon(0 0,90.5% 0,100% 30%,100% 100%,0 100%);transition:opacity .5s ease;z-index:1}.join-discord-btn:hover:after{opacity:1}.join-discord-btn:hover{filter:drop-shadow(0px 0px 10px rgba(255,17,121,.4))}.join-discord-btn:active{filter:drop-shadow(0px 0px 20px rgba(255,17,121,.6))}.join-discord-btn .to-top-text{position:relative;z-index:2;font-family:Gemunu Libre;font-style:normal;font-weight:300;font-size:24px;line-height:26px;text-align:center;color:#fff}.join-discord-btn .to-top-arrow{position:relative;z-index:2;width:36px;height:auto;color:#fff}.join-discord-btn.hidden{opacity:0;pointer-events:none}.mobile-join-btn{display:none;align-items:center;gap:12px;padding:12px 20px;background:transparent;border:2px solid #FF1856;font-family:Gemunu Libre,sans-serif;font-weight:700;font-size:18px;line-height:1.2;text-transform:uppercase;color:#fff;text-decoration:none;cursor:pointer;transition:background .3s ease,border-color .3s ease;white-space:nowrap}@media (max-width: 968px){.mobile-join-btn{display:flex}}@media (max-width: 480px){.mobile-join-btn{font-size:16px;padding:10px 16px;gap:8px}}.mobile-join-btn svg{width:32px;height:24px;color:#ff1856;flex-shrink:0}@media (max-width: 480px){.mobile-join-btn svg{width:24px;height:18px}}.mobile-join-btn:hover{background:#ff18561a;border-color:#ff00b2}.mobile-menu-toggle{display:none;width:48px;height:48px;padding:0;background:transparent;border:none;cursor:pointer;position:relative;flex-shrink:0}@media (max-width: 968px){.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}}@media (max-width: 480px){.mobile-menu-toggle{width:40px;height:40px}}.mobile-menu-toggle .hamburger-icon,.mobile-menu-toggle .close-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .3s ease}.mobile-menu-toggle .hamburger-icon{opacity:1}.mobile-menu-toggle .hamburger-icon span{display:block;width:28px;height:3px;background:linear-gradient(271.96deg,#ff00b2,#ff1f48);margin:5px 0;transition:all .3s ease}@media (max-width: 480px){.mobile-menu-toggle .hamburger-icon span{width:24px}}.mobile-menu-toggle .close-icon{opacity:0}.mobile-menu-toggle .close-icon span{position:absolute;display:block;width:32px;height:3px;background:linear-gradient(271.96deg,#ff00b2,#ff1f48);top:50%;left:50%}@media (max-width: 480px){.mobile-menu-toggle .close-icon span{width:28px}}.mobile-menu-toggle .close-icon span:first-child{transform:translate(-50%,-50%) rotate(45deg)}.mobile-menu-toggle .close-icon span:last-child{transform:translate(-50%,-50%) rotate(-45deg)}.mobile-menu-toggle.active .hamburger-icon{opacity:0}.mobile-menu-toggle.active .close-icon{opacity:1}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#181a20;z-index:999;display:flex;flex-direction:column;padding:20px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}@media (min-width: 969px){.mobile-menu-overlay{display:none}}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:60px}.mobile-menu-header .site-logo img{height:48px}.mobile-menu-header .mobile-join-btn{margin:0 auto}.mobile-menu-close{width:48px;height:48px;padding:0;background:transparent;border:none;cursor:pointer;position:relative;flex-shrink:0}@media (max-width: 480px){.mobile-menu-close{width:40px;height:40px}}.mobile-menu-close span{position:absolute;display:block;width:32px;height:3px;background:linear-gradient(271.96deg,#ff00b2,#ff1f48);top:50%;left:50%}@media (max-width: 480px){.mobile-menu-close span{width:28px}}.mobile-menu-close span:first-child{transform:translate(-50%,-50%) rotate(45deg)}.mobile-menu-close span:last-child{transform:translate(-50%,-50%) rotate(-45deg)}.mobile-menu-nav{flex:1;display:flex;align-items:center;justify-content:center}.mobile-menu{display:flex;flex-direction:column;align-items:center;gap:40px;list-style:none;margin:0;padding:0}.mobile-menu .menu-item a{display:flex;align-items:center;gap:16px;font-family:Gemunu Libre,sans-serif;font-weight:600;font-size:32px;line-height:1.2;text-transform:uppercase;color:#9f9fb4;text-decoration:none;transition:color .3s ease}@media (max-width: 480px){.mobile-menu .menu-item a{font-size:24px;gap:12px}}.mobile-menu .menu-item a svg{width:40px;height:40px;color:#ff1856;flex-shrink:0}@media (max-width: 480px){.mobile-menu .menu-item a svg{width:32px;height:32px}}.mobile-menu .menu-item a:hover{color:#fff}.site-footer{background-color:#1d1f25;padding:20px 0;font-family:Gemunu Libre,serif;margin-top:100px}@media (max-width: 768px){.site-footer{margin-top:50px}}.footer-container{max-width:1920px;margin:0 auto;padding:0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:2rem}@media (max-width: 768px){.footer-container{flex-direction:column;text-align:center}}.footer-left{flex:0 0 auto}.footer-left .footer-menu{list-style:none;margin:0;padding:0;display:flex;gap:2rem}@media (max-width: 768px){.footer-left .footer-menu{flex-direction:column;gap:1rem}}.footer-left .footer-menu li{margin:0}.footer-left .footer-menu a{font-style:normal;font-weight:300;font-size:24px;line-height:26px;color:#9f9fb4;text-decoration:none;transition:all .2s ease}.footer-left .footer-menu a:hover,.footer-left .footer-menu a:focus{background:linear-gradient(271.96deg,#ff00b2,#ff1f48);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.footer-center{flex:1 1 auto;text-align:center}.footer-center .footer-copyright{font-family:Gemunu Libre;font-style:normal;font-weight:300;font-size:24px;line-height:26px;color:#9f9fb4;margin:0}.footer-right{flex:0 0 auto;display:flex;align-items:center;gap:2rem}@media (max-width: 768px){.footer-right{flex-direction:column}}.footer-right .social-menu{list-style:none;margin:0;padding:0;display:flex;gap:1rem}.footer-right .social-menu li{margin:0}.footer-right .social-menu a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:#9f9fb4;transition:color .2s ease}.footer-right .social-menu a:hover,.footer-right .social-menu a:focus{background:linear-gradient(271.96deg,#ff00b2,#ff1f48);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.footer-right .social-menu a svg{width:20px;height:20px;fill:currentColor}.footer-right .social-menu .screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.to-top-btn{position:relative;width:auto;border:none;padding:10px 16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;background:transparent;transition:filter .5s ease,transform .2s ease,opacity .3s ease}.to-top-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(272.49deg,#ff00b2,#ff1f48 125.48%);clip-path:polygon(0 0,90.5% 0,100% 30%,100% 100%,0 100%);z-index:1;transition:opacity .5s ease}.to-top-btn:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(272.49deg,#ff00b2,#ff1f48 125.48%);opacity:0;clip-path:polygon(0 0,90.5% 0,100% 30%,100% 100%,0 100%);transition:opacity .5s ease;z-index:1}.to-top-btn:hover:after{opacity:1}.to-top-btn:hover{filter:drop-shadow(0px 0px 10px rgba(255,17,121,.4))}.to-top-btn:active{filter:drop-shadow(0px 0px 20px rgba(255,17,121,.6))}.to-top-btn .to-top-text{position:relative;z-index:2;font-family:Gemunu Libre;font-style:normal;font-weight:300;font-size:24px;line-height:26px;text-align:center;color:#fff}.to-top-btn .to-top-arrow{position:relative;z-index:2;width:36px;height:auto;color:#fff}.to-top-btn.hidden{opacity:0;pointer-events:none}.blog-section{padding:4rem 0}.blog-section .container{max-width:1760px}.blog-title{font-family:Gemunu Libre,sans-serif;font-style:normal;font-weight:700;font-size:64px;line-height:1.2;text-transform:uppercase;color:#9f9fb4;margin:0 0 3rem}@media (max-width: 768px){.blog-title{font-size:40px;margin-bottom:2rem}}.gradient-text{background:linear-gradient(271.96deg,#ff00b2,#ff1f48);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:60px}@media (max-width: 968px){.blog-grid{grid-template-columns:1fr;gap:1.5rem}}.blog-card{position:relative;overflow:hidden;transition:transform .3s ease;display:flex;flex-direction:column;gap:20px}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card:hover .blog-card-arrow{background:linear-gradient(271.96deg,#ff00b2,#ff1f48)}.blog-card:hover .blog-card-arrow svg{color:#fff}.blog-card-link{display:block;text-decoration:none;color:inherit;position:relative}.blog-card-image{position:relative;width:100%;padding-top:56.25%;overflow:hidden;background-color:#0f1014}.blog-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card-content{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;align-content:flex-start;padding:5px 32px;gap:31px 14px;background:#393d4899;-webkit-backdrop-filter:blur(17.5px);backdrop-filter:blur(17.5px)}@media (max-width: 768px){.blog-card-content{padding:1.5rem}}.blog-card-title{font-family:Gemunu Libre,sans-serif;font-style:normal;font-weight:400;font-size:24px;line-height:1.3;text-transform:uppercase;color:#fff;margin:0;flex:1}@media (max-width: 768px){.blog-card-title{font-size:20px}}.blog-card-arrow{flex-shrink:0;width:48px;height:48px;border-radius:50%;background:#9f9fb433;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.blog-card-arrow svg{width:24px;height:24px;color:#9f9fb4;transition:color .3s ease}@media (max-width: 768px){.blog-card-arrow{width:40px;height:40px}.blog-card-arrow svg{width:20px;height:20px}}.blog-card-meta{display:flex;align-items:center;gap:20px;font-family:Gemunu Libre;font-style:normal;font-weight:400;font-size:18px;line-height:20px;color:#636374}.blog-card-date,.blog-card-reading-time{display:flex;align-items:center;gap:8px}.blog-card-date svg,.blog-card-reading-time svg{flex-shrink:0;color:#9f9fb4}.no-posts{grid-column:1/-1;text-align:center;padding:4rem 0;color:#9f9fb4;font-size:18px}.single-post{margin:0 auto}.hexfront-post .container{max-width:1420px}.post-cover{width:100%;margin:40px 0;overflow:hidden}@media (max-width: 768px){.post-cover{margin:30px 0}}.post-cover-image{width:100%;height:540px;object-fit:cover;display:block}@media (max-width: 1200px){.post-cover-image{height:350px}}@media (max-width: 768px){.post-cover-image{height:250px}}@media (max-width: 480px){.post-cover-image{height:200px}}.breadcrumbs{margin-bottom:40px}.breadcrumbs #breadcrumbs{font-style:normal;font-weight:400;font-size:18px;line-height:20px}.breadcrumbs #breadcrumbs span:first-of-type{display:flex;gap:9px}.breadcrumbs #breadcrumbs a{color:#636374;text-decoration:none;transition:color .2s ease}.breadcrumbs #breadcrumbs a:hover{background:linear-gradient(271.96deg,#ff00b2,#ff1f48);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.breadcrumbs #breadcrumbs .breadcrumb_last{color:#9f9fb4}.single-post-layout{display:grid;grid-template-columns:1fr 395px;grid-gap:175px}@media (max-width: 1200px){.single-post-layout{grid-template-columns:1fr;grid-gap:64px}}.single-post-main{min-width:0}.single-post-meta{display:flex;align-items:center;gap:20px;margin-bottom:12px;font-family:Gemunu Libre;font-style:normal;font-weight:400;font-size:18px;line-height:20px;color:#636374}.single-post-meta svg{flex-shrink:0}.single-post-meta .post-date,.single-post-meta .post-reading-time{display:flex;align-items:center;gap:.5rem}.single-post-title{font-style:normal;font-weight:700;font-size:64px;line-height:69px;color:#d6d6e1;margin:0 0 40px}@media (max-width: 768px){.single-post-title{font-size:32px}}.single-post-excerpt{font-size:18px;line-height:1.6;color:#9f9fb4;margin-bottom:2rem}@media (max-width: 768px){.single-post-excerpt{font-size:16px}}.post-author{display:flex;align-items:center;gap:32px;padding:0;margin-bottom:60px}.post-author-avatar{flex-shrink:0;border:1px solid rgba(99,99,116,.502);border-radius:50%}.post-author-avatar img{width:64px;height:64px;border-radius:50%;object-fit:cover}.post-author-info{display:flex;flex-direction:column;gap:.25rem}.post-author-name{font-style:normal;font-weight:600;font-size:32px;line-height:35px;color:#9f9fb4}.post-author-role{font-style:normal;font-weight:300;font-size:18px;line-height:20px;color:#636374}.single-post-content p:last-child{margin-bottom:0}.single-post-content h2:first-child,.single-post-content h3:first-child,.single-post-content h4:first-child,.single-post-content h5:first-child,.single-post-content h6:first-child{margin-top:0}.single-post-content a{color:#9f9fb4;text-decoration:underline}.single-post-content a:hover{background:linear-gradient(271.96deg,#ff00b2,#ff1f48);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.single-post-content ul,.single-post-content ol{margin:1.5rem 0;padding-left:2rem}.single-post-content ul li,.single-post-content ol li{margin-bottom:.5rem}.single-post-content blockquote{margin:2rem 0;padding:1rem 2rem;border-left:4px solid;border-image:linear-gradient(271.96deg,#ff00b2,#ff1f48) 1;background:#9f9fb40d;font-style:italic}.single-post-content img{max-width:100%;height:auto;border-radius:8px;margin:2rem 0}.post-rating{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.post-rating-stars{display:flex;gap:.25rem}.post-rating-stars .star{font-size:24px;line-height:1}.post-rating-stars .star.star-full{background:linear-gradient(271.96deg,#ff00b2,#ff1f48);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.post-rating-stars .star.star-half{background:linear-gradient(90deg,#ff00b2,#ff1f48 50%,#636374 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.post-rating-stars .star.star-empty{color:#636374}.post-rating-number{font-size:14px;color:#9f9fb4}.post-action{margin-bottom:2rem}.post-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 3rem;background:#1f6feb;color:#fff;font-family:Gemunu Libre,sans-serif;font-weight:500;font-size:18px;text-transform:uppercase;text-decoration:none;border-radius:8px;transition:all .3s ease}.post-action-btn:hover{background:#1557c0;transform:translateY(-2px);box-shadow:0 4px 12px #1f6feb66}.post-action-btn:active{transform:translateY(0)}.single-post-sidebar{position:sticky;top:2rem;align-self:start}@media (max-width: 1200px){.single-post-sidebar{position:static}}.sidebar-section{margin-bottom:3rem}.sidebar-section:last-child{margin-bottom:0}.sidebar-title{font-weight:600;font-size:24px;line-height:160%;text-transform:uppercase;color:#d6d6e1;margin-top:0}.sidebar-posts{display:flex;flex-direction:column;gap:1.5rem}.sidebar-post-card{overflow:hidden;transition:transform .3s ease;display:flex;flex-direction:column;gap:24px}.sidebar-post-card:hover .sidebar-post-image img{transform:scale(1.05)}.sidebar-post-card:hover .sidebar-post-arrow{background:linear-gradient(271.96deg,#ff00b2,#ff1f48)}.sidebar-post-card:hover .sidebar-post-arrow svg{color:#fff}.sidebar-post-link{display:block;text-decoration:none;color:inherit;position:relative}.sidebar-post-image{position:relative;width:100%;padding-top:56.25%;overflow:hidden;background-color:#0f1014}.sidebar-post-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.sidebar-post-content{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:5px 18px;gap:31px 14px;background:#393d4899;-webkit-backdrop-filter:blur(17.5px);backdrop-filter:blur(17.5px)}.sidebar-post-title{font-family:Gemunu Libre,sans-serif;font-style:normal;font-weight:700;font-size:24px;line-height:26px;text-transform:uppercase;margin:0;color:#d6d6e1;flex:1}.sidebar-post-arrow{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:#9f9fb433;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.sidebar-post-arrow svg{width:20px;height:20px;color:#9f9fb4;transition:color .3s ease}.sidebar-post-meta{display:flex;align-items:center;font-family:Gemunu Libre;font-style:normal;font-weight:400;font-size:18px;line-height:20px;color:#636374;gap:20px}.sidebar-post-date,.sidebar-post-reading-time{display:flex;align-items:center;gap:.5rem}.sidebar-post-date svg,.sidebar-post-reading-time svg{flex-shrink:0;color:#9f9fb4}.share-buttons{display:flex;gap:12px}.share-btn{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;background:#9f9fb41a;border-radius:2px;color:#9f9fb4;text-decoration:none;transition:all .3s ease;max-width:32px}.share-btn svg{width:20px;height:20px;transition:transform .3s ease}.share-btn:hover{background:linear-gradient(271.96deg,#ff00b2,#ff1f48);color:#fff;transform:translateY(-2px)}.share-btn.share-copy{cursor:pointer}.share-btn.share-copy:active{background:linear-gradient(271.96deg,#ff00b2,#ff1f48);color:#fff}
