#hero{height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f8f8;padding:var(--pd);text-align:center}section{padding:86px var(--pd)}@media screen and (min-width:800px){section{padding:96px var(--pd)}}section#form{padding:80px var(--pd)}section#form h3{font-weight:600;color:var(--color-base-2)}section#form p{color:var(--color-base-3)}@media screen and (min-width:800px){section#form{display:flex;flex-direction:row-reverse;gap:30px;padding:120px var(--pd)}section#form>div{width:0;flex:1}}section#contact-login button{background:#111;color:#fff;padding:8px 16px;border-radius:32px}section#contact{padding:0;background:#f5f5f5;background:linear-gradient(to bottom,#f5f5f5,#fafafa);text-align:center}section#contact>div{padding:56px var(--pd)}@media screen and (min-width:800px){section#contact>div{padding:64px var(--pd)}}section#contact #contact-split{display:flex;flex-direction:column}section#contact #contact-split #contact-splitter{position:relative;display:flex;align-items:center;justify-content:center;color:#858585;width:100%;height:72px}section#contact #contact-split #contact-splitter:before{content:"";position:absolute;top:50%;left:0;width:40%;width:calc(50% - 24px);height:1px;background:#858585}section#contact #contact-split #contact-splitter:after{content:"";position:absolute;top:50%;right:0;width:40%;width:calc(50% - 24px);height:1px;background:#858585}@media screen and (min-width:768px){section#contact #contact-split{flex-direction:row}section#contact #contact-split>div.content{width:0;flex-grow:1}section#contact #contact-split #contact-splitter{height:unset;width:56px}section#contact #contact-split #contact-splitter:before{width:1px;left:50%;top:0;height:calc(50% - 24px)}section#contact #contact-split #contact-splitter:after{width:1px;left:50%;right:unset;top:unset;bottom:0;height:calc(50% - 24px)}}section#contact #messages-row{display:flex;gap:16px;justify-content:center}section#contact #messages-row a{display:block;padding:0;line-height:68px;text-align:center;border-radius:16px;width:86px;height:86px;font-size:64pt;position:relative;color:#fff}section#contact #messages-row a.telegram{background:#3cb1e2;background:linear-gradient(150deg,#3cb1e2,#269ad5)}section#contact #messages-row a.instagram{background:#e1306c;background:radial-gradient(circle at 20% 115%,#fdf497 0% 5%,#ec5a4d 45%,#dd33a7 60%,#3262f1 90%)}section#contact #messages-row a.whatsapp{background:#2cd46b;background:linear-gradient(150deg,#52f791,#20cf63)}section#contact #contact-login button{background:#111;color:#fff;padding:12px 24px;border-radius:32px;margin-top:16px;border:none;transition:background-color .25s ease}section#contact #contact-login button:hover{background:#1c1327}section#community>div{padding:96px var(--pd);position:relative;background:#040404;border-radius:32px;min-height:360px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0px}section#community>div img.branding-bg-top{height:100%;width:100%;left:0;top:0;position:absolute;z-index:0}section#community>div img.logo{position:absolute;left:var(--pd);top:var(--pd);width:120px;max-width:80%;z-index:1}section#community>div h3{color:#fff;text-align:center;z-index:1}section#community>div a.join{z-index:1;text-decoration:none;font-weight:700;color:#fff;background-color:#5865f2;border:1px #000;border-radius:8px;align-items:center;padding:13.5px 24px;font-family:sans-serif;font-weight:500;transition:box-shadow .3s,background-color .3s}section#community>div a.join:hover{background-color:#4752c4;box-shadow:0 4px 8px #0003}section#community>div .floating-icon{position:absolute;bottom:0;width:64px;height:64px;object-fit:contain;pointer-events:none;opacity:0;z-index:2}section#community>div .floating-icon.floating-icon-left{left:10%;animation:floatUpLeft 1.8s linear forwards}section#community>div .floating-icon.floating-icon-right{right:10%;animation:floatUpRight 1.8s linear forwards}@keyframes floatUpLeft{0%{left:10%;opacity:0;transform:translateY(0) rotate(0)}5%{opacity:1}10%{transform:translateY(-29px) rotate(3deg);left:11.5%}20%{transform:translateY(-51px) rotate(6deg);left:13%}30%{transform:translateY(-67px) rotate(9deg);left:14.5%}40%{transform:translateY(-77px) rotate(12deg);left:16%}50%{transform:translateY(-80px) rotate(15deg);left:17.5%}60%{transform:translateY(-77px) rotate(18deg);left:19%}70%{transform:translateY(-67px) rotate(21deg);left:20.5%}80%{transform:translateY(-51px) rotate(24deg);left:22%;opacity:1}90%{transform:translateY(-29px) rotate(27deg);left:23.5%;opacity:.5}to{left:25%;opacity:0;transform:translateY(0) rotate(30deg)}}@keyframes floatUpRight{0%{right:10%;opacity:0;transform:translateY(0) rotate(0)}5%{opacity:1}10%{transform:translateY(-29px) rotate(-3deg);right:11.5%}20%{transform:translateY(-51px) rotate(-6deg);right:13%}30%{transform:translateY(-67px) rotate(-9deg);right:14.5%}40%{transform:translateY(-77px) rotate(-12deg);right:16%}50%{transform:translateY(-80px) rotate(-15deg);right:17.5%}60%{transform:translateY(-77px) rotate(-18deg);right:19%}70%{transform:translateY(-67px) rotate(-21deg);right:20.5%}80%{transform:translateY(-51px) rotate(-24deg);right:22%;opacity:1}90%{transform:translateY(-29px) rotate(-27deg);right:23.5%;opacity:.5}to{right:25%;opacity:0;transform:translateY(0) rotate(-30deg)}}section#other-info h4{margin:24px 0 8px;color:var(--color-base-2)}section#other-info p{margin:8px 0 16px}section#other-info a{color:var(--a)}section#other-info a:hover{color:var(--a-hover)}section#other-info a.email{background:#fff;box-shadow:2px 2px 6px #1b1b1b1a;border:solid 1px #ffdbba;padding:4px 12px;border-radius:8px}section#other-info a.email:hover{border-color:#eee}
