@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";html{scroll-behavior:smooth}*{margin:0;font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal}*::selection{background-color:#b4d5fe}a{color:#1a7fc2;text-decoration:none}html,body{height:100%;margin:0}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}main{flex:1}em{color:#57ceff}.navbar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right,#111,#2e2e2e);padding:.5rem 1rem;color:#fff;z-index:100}.navbar-logo{display:flex;align-items:center}.navbar>a{color:#fff;text-decoration:none}.navbar-logo img{width:40%;height:auto;margin-right:.5rem}.navbar-logo span{font-weight:600;font-size:1.1rem}.navbar-links{display:flex;gap:5rem;padding-right:3rem}.navbar-links a{color:#fff;text-decoration:none;font-size:.85rem}.navbar-links a:hover{color:#c5c5c5}.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer}.menu-toggle .bar{width:25px;height:2px;background-color:#fff}.icon{display:none}@media (max-width: 768px){.navbar-links{display:none;position:absolute;top:60px;right:1rem;background:#1a1a1a;flex-direction:column;gap:1rem;padding:1rem;border-radius:8px}.navbar-links.active,.menu-toggle{display:flex}.icon{display:inline;margin-right:10px}}.hero{width:100%;background-image:url(/assets/bg-hero-tD9zHW9l.svg);background-repeat:no-repeat;background-size:cover;background-position:center;color:#fff;font-size:1.2rem}.hero-content-wrapper{padding:8rem 2rem 3rem;display:flex;gap:2.5rem;flex-direction:row;align-items:center;flex-wrap:wrap}.hero a{color:#fff}.hero h3{font-weight:900;font-size:2rem;margin:0}.hero a:hover{color:#e4e4e4}.discord-icon{width:8rem;max-width:100%}@media (max-width: 768px){.hero{font-size:.95rem}.hero-content-wrapper{flex-direction:column;gap:0px;text-align:center;padding:2rem}.hero-text>h3{font-size:1rem}.hero img{width:5rem}}.card{border-radius:8px;overflow:hidden;background-size:contain;background-position:right;background-repeat:no-repeat;background-color:#fbfbfb;border:1px solid #EBEBEB;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .3s ease}.card:hover{transform:scale(1.009)}.card-content{padding:1.2rem 15.5rem 1.2rem 1.2rem;color:#5f5f5f;border-radius:10px}.card-content h3{color:#535353;font-size:1rem}.card-content a{color:#8f8f8f;font-weight:600;font-size:.8rem;display:block;text-decoration:none;margin-bottom:.2rem}.card-content a:hover{color:#535353}.card-content p{font-size:.9rem;margin:0}@media (max-width: 768px){.card-content{padding:0;margin:1rem;z-index:2}.card{background-size:auto;background-position:unset;background-color:#fbfbfb}}.projects-section{background-color:#fff;border-radius:2rem;border:#EBEBEB solid 1px}.projects-title{font-size:1rem;font-weight:500;color:#6b6b6b;margin:1.2rem}.projects-divider{height:1px;background-color:#ebebeb;margin:0;margin-bottom:1rem;border:none}.projects-content{display:flex;flex-direction:column;gap:16px;margin:1.2rem}.go-down{text-align:center;margin:2rem 0}.go-down a{color:#8f8f8f;font-size:3rem;transition:transform .3s ease}.arrow-down-icon{transition:transform .3s ease}.arrow-down-icon:hover{transform:scale(1.1)}.download-card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;max-width:1000px;background:#fbfbfb;border:1px solid #ebebeb;border-radius:8px;padding:1.2rem 10vw;text-align:center;background-size:contain;background-repeat:no-repeat;background-position:right}.download-card h3{color:#535353;font-size:1.2rem}.download-card h2{font-size:2rem}.download-card p{font-size:1rem}.download-card button{background-color:#d9d9d9;border:1px solid #9a9a9a;border-radius:10px;color:#5b5b5b;padding:1rem 2rem;font-size:1rem;transition:transform .3s ease}.download-card button:hover{transform:scale(1.02);cursor:pointer}.download-card a{font-weight:500}.download-card p{color:#8f8f8f;text-decoration:underline}.info-icon{display:none}@media (max-width: 768px){.download-card{position:relative;background-size:cover}.info-icon{color:#535353;display:flex;position:absolute;top:1rem;right:1rem;z-index:2}.download-card p{display:none}.download-card button{background-color:#8888884b;backdrop-filter:blur(2.5px);color:#1a1a1a;-webkit-backdrop-filter:blur(2.5px)}.download-card h1{color:#000;font-size:1.5rem}}.projects{display:grid;grid-template-columns:2fr 1fr;padding:3rem;gap:1rem}.coming-soon{text-align:center;padding:2rem}.coming-soon p{color:#5f5f5f}.download-section{text-align:center;display:flex;justify-content:center;align-items:center;gap:3rem;flex-direction:column;margin:5rem}.download-section h1{color:#000;font-size:2rem}.download-card{justify-self:center}@media (max-width: 768px){.projects{grid-template-columns:1fr;padding:2rem .5rem .5rem}.download-section{margin:0rem}}.footer{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;justify-content:center;padding:1em 2em;background:#fbfbfb;border-top:1px solid #ebebeb;color:#5f5f5f;gap:1em;font-size:.9rem}.copyright-info{grid-column:2;justify-self:center}.social-icons{grid-column:3;display:flex;gap:2rem;justify-content:flex-end;width:100%}.social-icons a{color:#5f5f5f}@media (max-width: 768px){.footer{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.copyright-info{grid-column:1;justify-self:start}.social-icons{grid-column:2}.credits{grid-column:1 / 3}}.contact-wrapper{display:flex;align-items:center;justify-content:center;flex-direction:row;height:80vh;gap:20px}.contact-form{margin-top:50px;display:flex;flex-direction:column;justify-content:center;gap:5px}.contact-form p{align-self:center;margin-bottom:20px;color:#696969}.contact-form h1{align-self:center;margin-bottom:10px}.contact-form>input,textarea{border:1.5px solid dimgray;border-radius:7px;padding:10px;display:block;min-width:40vw;margin-bottom:20px}.contact-form>textarea{min-height:50vh;max-height:50vh;max-width:80vw}.contact-form>button{background-color:#57ceff;padding:10px 20px;border:none;color:#fff;border-radius:5px;font-weight:500}.contact-form>button:hover{background-color:#54bce9;cursor:pointer}.form-reply,.form-error{text-align:center;color:#696969;margin:25px}