.light-theme{--background-primary:#fff;--background-secondary:#f7f7f7;--action-primary:#e1e7ef;--action-secondary:#edf2f7;--foreground-primary:#2d3748;--foreground-secondary:#728197;--foreground-tertiary:#a0aec0;--accent:#667fea}.dark-theme{--background-primary:#2d3748;--background-secondary:#1a212d;--action-primary:#728197;--action-secondary:#2d3748;--foreground-primary:#edf2f7;--foreground-secondary:#ccd6e0;--foreground-tertiary:#a0aec0;--accent:#667fea}:root{--white:#fff;--fs-base:0.85rem;--fs-1:1.875rem;--fs-2:1.5rem;--fs-3:1.25rem;--fs-4:0.875rem;--fs-5:0.75rem;--py:5rem}p,ul{margin-bottom:0}*,:after,:before{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}li{list-style:none}button,img{display:block}h2{margin-top:24px}h3{margin-top:16px}pre[class*=language-]{border-radius:8px}a,span{display:inline-block}button{background:none;border:none;cursor:pointer;font:inherit}html{font-family:Inter,sans-serif;font-size:var(--fs-base);line-height:1.8}.card-body{background-color:var(--background-primary);border-radius:.25rem}:focus{outline-offset:4px}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-thumb{background:var(--accent);border:4px solid;border-radius:20px}.light-theme::-webkit-scrollbar-thumb{border-color:#e6e6e6}.dark-theme::-webkit-scrollbar-thumb{border-color:#252f41}.light-theme::-webkit-scrollbar-track{background:#e6e6e6}.dark-theme::-webkit-scrollbar-track{background:#252f41}.h1,.h2,.h3,.h4{color:var(--foreground-primary);display:block}.h1{font-size:var(--fs-1);font-weight:900}.h2{font-size:var(--fs-2)}.h2,.h3{font-weight:700}.h3{font-size:var(--fs-3)}.h4{font-weight:700}.h4,.text-sm{font-size:var(--fs-4)}.text-tiny{font-size:var(--fs-5)}.container{margin-inline:auto;margin:auto;padding:0 15px}.btn{border-radius:100px;min-width:10rem}.blog-btn-primary{background:var(--accent);color:var(--white);padding:.6875rem 1.1875rem}.blog-btn-primary:hover{color:var(--action-primary)}.blog-btn-secondary{background:var(--action-secondary);border:3px solid var(--foreground-tertiary);color:var(--foreground-secondary);padding:.5rem 1rem}.blog-btn-secondary:hover{border-color:var(--accent);color:var(--foreground-primary)}.dark-theme .blog-btn-primary:hover{color:var(--background-primary)}.dark-theme .blog-topic{background:var(--action-primary);color:var(--foreground-secondary)}.dark-theme .blog-topic:hover{background:var(--foreground-primary);color:var(--action-primary)}.dark-theme .load-more:hover{color:var(--white)}.dark-theme .aside .h2{color:var(--foreground-primary)}header{background:var(--background-primary);position:-webkit-sticky!important;position:sticky!important;top:0;z-index:5}header .flex-wrapper{display:none}.navbar{align-items:center;display:flex;gap:15px;justify-content:space-between;padding:15px 0}.nav-logo{height:40px;width:260px}.logo-dark,.logo-light{display:none}.dark-theme .logo-dark,.light-theme .logo-light{display:block}header .btn-group{align-items:center;display:flex;gap:15px}.nav-close-btn,.nav-menu-btn,.theme-btn-mobile{align-items:center;background:var(--action-secondary);border-radius:50%;color:var(--foreground-tertiary);display:flex;font-size:25px;height:40px;justify-content:center;width:40px}:is(.theme-btn-mobile,.nav-menu-btn,.nav-close-btn):hover{background:var(--accent);color:var(--white)}.theme-btn-mobile ion-icon{display:none}.theme-btn-mobile.dark .moon,.theme-btn-mobile.light .sun{display:block}.mobile-nav{-ms-scroll-chaining:none;background:var(--background-primary);inset:0;overflow:auto;overscroll-behavior:contain;padding:70px 20px;position:fixed;transform:translateX(100%);transition:.5s cubic-bezier(1,0,.3,.7);visibility:hidden;z-index:10}.mobile-nav.active{transform:translateX(0);visibility:visible}.nav-close-btn{position:absolute;right:20px;top:20px}.mobile-nav .wrapper{margin-bottom:1.25rem;padding-bottom:1.25rem}.mobile-nav .nav-title{margin-bottom:1rem}.mobile-nav .nav-item{margin-bottom:.5rem}.mobile-nav .nav-link{color:var(--foreground-secondary);font-size:var(--fs-3)}.mobile-nav .nav-link:hover{color:var(--accent)}.hero{background:var(--background-primary);padding-bottom:var(--py);padding-top:2rem;text-align:center}.hero .h1{line-height:1.6;margin-bottom:1rem}.hero b{color:var(--accent);font-weight:inherit}.hero .h3{color:var(--foreground-secondary);margin-bottom:2rem}.hero .btn-group{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;text-align:center}.hero .right{display:none}.main{background:var(--background-secondary);padding:var(--py) 0}.featured-posts{margin-bottom:var(--py)}.featured-posts .blog-card{height:100%}.blog .h2{line-height:1.3;text-align:center}.blog .h2,.blog-card-group{margin-bottom:3rem}.blog-card{background:var(--background-primary);border-radius:10px;box-shadow:0 10px 10px rgba(0,0,0,.05);margin-bottom:1rem;padding:10px;transition:.25s ease}.blog-card:hover{box-shadow:0 10px 10px rgba(0,0,0,.1);transform:translateY(-2px)}.blog-card-banner{display:none}.blog-content-wrapper{flex:1;padding:10px 10px 10px 16px}.blog-content-wrapper a:hover{color:var(--foreground-primary);opacity:.8}.blog-topic{background:var(--action-secondary);border-radius:5px;color:var(--foreground-secondary);cursor:pointer;font-weight:600;margin-bottom:8px;margin-right:8px;padding:.25rem 1rem;text-decoration:none!important}.blog-categories{display:flex;flex-direction:row;flex-wrap:wrap}.blog-topic:hover{background:var(--foreground-secondary);color:var(--action-secondary)}.blog-card .h3{line-height:1.4;margin-bottom:1rem}.blog-card .h3:hover{text-decoration:underline;text-decoration-thickness:2px}.blog-text,.profile-wrapper{display:none}.blog .wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.blog .h4{color:var(--foreground-secondary)}.blog .h4:hover{color:var(--accent)}.blog .text-sm{align-items:center;color:var(--foreground-tertiary);display:flex;gap:5px}.blog .separator{background:var(--foreground-tertiary);border-radius:3px;height:3px;margin-inline:3px;margin:0 3px;width:3px}.blog ion-icon{--ionicon-stroke-width:50px}.load-more-button-wrapper{display:flex;justify-content:center}.load-more{background:var(--foreground-secondary);color:var(--background-secondary);margin-inline:auto;margin:auto;padding:.6875rem 1.1875rem}.load-more:hover{background:var(--accent)}.list-blog .pagination{align-items:center;border-radius:4px;display:flex;justify-content:center;margin:20px 0;padding-left:0}.list-blog .pagination li{border-radius:3px;height:32px;margin:0 5px;text-align:center;width:32px}.list-blog .page-link{background-color:var(--background-primary);color:var(--foreground-primary)}.list-blog .page-item.active .page-link{background-color:var(--accent);border-color:var(--accent);color:#fff;z-index:3}footer{background:var(--background-primary)}footer .container{display:grid;gap:30px;grid-template-columns:1fr;padding:var(--py) 15px}footer .wrapper{text-align:center}.footer-logo{margin-bottom:10px}.footer-text{color:var(--foreground-secondary);margin-inline:auto;margin:auto;max-width:300px}.footer-title{color:var(--foreground-primary);font-weight:700;margin-bottom:.4rem}.footer-link{color:var(--foreground-secondary)}.footer-link:hover{color:var(--accent)}.copyright{border-top:1px solid var(--action-primary);color:var(--foreground-secondary);font-size:var(--fs-4);padding:1rem;text-align:center}.copyright a{color:var(--accent);font-weight:500}.copyright a:hover{text-decoration:underline}.aside{align-self:stretch;display:block}.aside .h2{color:var(--foreground-secondary);line-height:1.3;margin-bottom:3rem;text-align:center}.aside .wrapper{background:var(--background-primary);border-radius:10px;box-shadow:0 5px 5px rgba(0,0,0,.05);padding:40px}.topics{margin-bottom:3rem}.topic-btn{align-items:stretch;background:var(--background-primary);border-radius:10px;box-shadow:0 5px 5px rgba(0,0,0,.05);display:flex;overflow:hidden;transition:all .2s ease-in-out}.topic-btn:not(:last-child){margin-bottom:1rem}.topic-btn .icon-box{align-items:center;background:var(--action-primary);color:var(--foreground-secondary);display:flex;font-size:22px;justify-content:center;transition:all .3s ease-in-out;width:70px}.topic-btn:hover .icon-box{background:var(--accent);color:var(--white)}.topic-btn:hover{text-decoration:none!important;transform:scale(1.02)}.topic-btn ion-icon{--ionicon-stroke-width:40px}.topic-btn p{color:var(--foreground-secondary);font-weight:700;padding:15px}.tags{margin-bottom:3rem}.tags .wrapper{display:flex;flex-wrap:wrap;gap:.2rem;line-height:20px}.tags .hashtag{background:var(--action-primary);border-radius:5px;color:var(--foreground-secondary);font-size:var(--fs-5);font-weight:700;padding:5px 10px}.tags .hashtag:hover{background:var(--foreground-secondary);color:var(--action-primary)}.contact{margin-bottom:3rem}.contact p{color:var(--foreground-secondary);margin-bottom:1rem}.social-link{gap:10px}.social-link,.social-link .icon-box{align-items:center;display:flex;justify-content:center}.social-link .icon-box{background:var(--action-secondary);border-radius:50%;font-size:22px;height:45px;width:45px}.social-link .discord{color:#5966f3}.social-link .twitter{color:#1ca0f2}.social-link .facebook{color:#4268b3}.social-link .icon-box:hover{background:var(--accent);color:var(--white)}.newsletter{margin-bottom:98px;position:-webkit-sticky;position:sticky;top:3rem}.newsletter input,.newsletter p{color:var(--foreground-secondary);margin-bottom:1rem}.newsletter input{background:var(--action-primary);border:none;border-radius:5px;display:block;font:inherit;padding:.5rem 1rem;width:100%}.newsletter input::-moz-placeholder{color:inherit}.newsletter input:-ms-input-placeholder{color:inherit}.newsletter input::placeholder{color:inherit}.newsletter input:focus{outline:2px solid;outline-offset:0}.newsletter .blog-btn-primary{display:flex;justify-content:center;margin-inline:auto;margin:auto;text-align:center}@media(max-width:767px){.aside{padding-top:3rem}.nav-logo{width:210px}}@media (min-width:550px){:root{--fs-base:0.90rem}.blog-card{display:flex;flex-direction:row}.blog-card-banner{border-radius:5px;display:block;overflow:hidden}.blog-banner-img{height:100%;-o-object-fit:cover;object-fit:cover;width:320px}}@media (min-width:650px){:root{--fs-1:2.25rem}.container{padding:0 30px}.navbar{padding:16px 0}.blog .h2{padding-left:2rem;position:relative;text-align:left}.blog .h2:before{background:var(--action-primary);border-radius:5px;content:"";height:100%;left:0;position:absolute;top:0;width:5px}.blog-text,.profile-wrapper{display:block}.blog-text{line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--foreground-secondary);display:-webkit-box;font-size:var(--fs-4);margin-bottom:1rem;overflow:hidden}.wrapper-flex{align-items:center;display:flex;gap:10px;justify-content:start}.profile-wrapper{background:var(--action-primary);border-radius:50%;height:56px;padding:3px;width:56px}.profile-wrapper img{border-radius:50%;height:50px;-o-object-fit:contain;object-fit:contain;width:50px}.blog .wrapper{align-items:start;flex-direction:column;gap:0}footer .container{grid-template-columns:2fr 1fr 1fr;padding:var(--py) 30px}footer .wrapper{text-align:left}.footer-text{margin:0}}@media (min-width:768px){.container{max-width:800px}}@media (min-width:1024px){:root{--fs-base:1rem;--fs-1:3rem}.container{max-width:1150px}header .btn-group{display:none}.desktop-nav,header .flex-wrapper{align-items:center;display:flex;gap:30px}.desktop-nav .nav-link{color:var(--foreground-secondary);font-weight:700}.desktop-nav .nav-link:hover{color:var(--accent)}.theme-btn-desktop{align-items:center;background:var(--background-secondary);border-radius:100px;color:var(--white);display:flex;gap:10px;height:26px;justify-content:center;position:relative;width:52px}.theme-btn-desktop.light{background:linear-gradient(45deg,#ff7c6b,#ffd54d)}.theme-btn-desktop.dark{background:linear-gradient(45deg,#36f,#ad14b8)}.theme-btn-desktop:before{background:var(--white);border-radius:30px;box-shadow:0 2px 10px -2px rgba(0,0,0,.05);content:"";height:21px;left:3px;position:absolute;top:50%;transform:translateY(-50%);width:21px;z-index:2}.theme-btn-desktop.dark:before{left:calc(100% - 24px)}.hero{text-align:left}.hero .container{align-items:center;display:grid;gap:50px;grid-template-columns:1fr 1fr}.hero .btn-group{gap:30px;justify-content:start}.hero .right{align-items:center;display:flex;justify-content:center;position:relative}.hero .pattern-bg{background:url(/images/pattern.png?ce2697f5b6dfdf51f592fa3db9ad918c);background-size:contain;height:200px;opacity:.2;position:absolute;top:50%;transform:translateY(-50%);width:100%}.hero .img-box{position:relative;z-index:2}.hero-img{border-radius:0 0 280px 230px;height:400px;-o-object-fit:contain;object-fit:contain;transform:translate(4px,-8px);width:400px}.hero .shape{border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-42%) rotate(-20deg)}.hero .shape-1{background:var(--accent);height:90%;width:90%;z-index:-1}.hero .shape-2{box-shadow:inset 0 -30px 0 var(--action-primary);height:92%;width:92%;z-index:2}.footer-title{font-size:1.125rem}.footer-link{margin-bottom:.3rem}}