.hero{background:var(--background-primary);padding-top:2rem;padding-bottom:var(--py);text-align:center}.hero .h1{margin-bottom:1rem;line-height:1.6}.hero b{color:var(--accent);font-weight:inherit}.hero .h3{color:var(--foreground-secondary);margin-bottom:2rem}.hero .btn-group{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;text-align:center}.hero .right{display:none}@media (min-width:1024px){.hero{text-align:left}.hero .container{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.hero .btn-group{justify-content:start;gap:30px}.hero .right{position:relative;display:flex;justify-content:center;align-items:center}.hero .pattern-bg{position:absolute;top:50%;transform:translateY(-50%);width:100%;height:200px;background:url(/pattern.png);background-size:contain;opacity:.2}.hero .img-box{position:relative;z-index:2}.hero-img{width:100%;height:100%;object-fit:contain;border-radius:0 0 280px 230px;transform:translate(10px,-10px)}.hero .shape{position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-42%) rotate(-20deg)}.hero .shape-1{background:var(--accent);width:90%;height:90%;z-index:-1}.hero .shape-2{width:92%;height:92%;box-shadow:inset 0 -30px 0 var(--action-primary);z-index:2}}.aside{display:none}@media (min-width:1024px){.aside{display:block;align-self:stretch}.aside .h2{color:var(--foreground-secondary);margin-bottom:3rem;text-align:center;line-height:1.3}.aside .wrapper{background:var(--background-primary);border-radius:10px;padding:18px;box-shadow:0 5px 5px hsla(0,0%,0%,.05)}.topics{margin-bottom:3rem}.topic-btn{display:flex;align-items:stretch;background:var(--background-primary);border-radius:10px;box-shadow:0 5px 5px hsla(0,0%,0%,.05);overflow:hidden}.topic-btn:not(:last-child){margin-bottom:1rem}.topic-btn .icon-box{font-size:22px;width:70px;display:flex;justify-content:center;align-items:center;background:var(--action-primary);color:var(--foreground-secondary)}.topic-btn:hover .icon-box{background:var(--foreground-secondary);color:var(--white)}.topic-btn p{padding:15px;color:var(--foreground-secondary);font-weight:700}.tags{margin-bottom:3rem}.tags .wrapper{display:flex;flex-wrap:wrap;gap:.6rem}.tags .hashtag{background:var(--action-primary);color:var(--foreground-secondary);padding:5px 10px;font-size:var(--fs-5);font-weight:700;border-radius:5px}.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{display:flex;justify-content:center;align-items:center}.social-link .icon-box{width:45px;height:45px;background:var(--action-secondary);border-radius:50%;font-size:22px}.social-link .discord{color:hsl(235,86%,65%)}.social-link .twitter{color:hsl(203,89%,53%)}.social-link .facebook{color:hsl(220,46%,48%)}.social-link .icon-box:hover{background:var(--accent);color:var(--white)}.newsletter{position:sticky;top:3rem;margin-bottom:98px}.newsletter input,.newsletter p{color:var(--foreground-secondary);margin-bottom:1rem}.newsletter input{border:none;background:var(--action-primary);display:block;width:100%;padding:.5rem 1rem;font:inherit;border-radius:5px}.newsletter input::placeholder{color:inherit}.newsletter input:focus{outline:2px solid;outline-offset:0}.newsletter .btn-primary{margin-inline:auto;margin:auto}}.dark-theme .aside .h2{color:var(--foreground-primary)}