body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:font;font-style:normal;font-weight:400;src:url(/TheCogwheelSmp/static/media/font.82ba08919dc2add9422f.otf) format("opentype")}*{box-sizing:border-box}.app-container{min-height:100vh;width:100%}.hero-section{background-image:linear-gradient(180deg,#0000 40%,#000),url(/TheCogwheelSmp/static/media/main.727474aaca8eee5dd298.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;padding:2rem;position:relative;width:100%}.hero-content,.hero-section{align-items:center;display:flex;flex-direction:column;justify-content:center}.hero-content{flex:1 1;max-width:100%;text-align:center}.title{height:auto;margin-bottom:40rem;min-width:250px;width:min(30vw,500px)}.join-link{bottom:2rem;color:#fff;font-family:font,sans-serif;font-size:clamp(1.2rem,4vw,2rem);left:50%;position:absolute;text-decoration:none;transform:translateX(-50%);transition:opacity .3s ease;z-index:99}.join-link:hover{opacity:.8}.top-nav{position:absolute;right:1rem;top:1rem;z-index:10}.nav-links{display:flex;flex-wrap:wrap;gap:1rem}.nav-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:2rem;color:#fff;cursor:pointer;display:flex;font-family:font,sans-serif;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.nav-item:hover{background:#fff3;transform:translateY(-2px)}.nav-icon{filter:brightness(0) saturate(100%) invert(1);height:24px;object-fit:contain;width:24px}.footer-section{align-items:center;background-image:linear-gradient(180deg,#e8a558 0,#5a3c1e);display:flex;flex-direction:column;justify-content:center;margin-top:-4.5vh;min-height:110vh;padding:3rem 1rem;position:relative;width:100%}.slogan{color:#2c1810;font-family:font,sans-serif;font-size:clamp(1.2rem,3vw,2rem);margin:0 auto;max-width:90%;padding-top:0;position:relative;text-align:center;z-index:1}.carousel-wrapper{max-width:1200px}.carousel-container,.carousel-wrapper{align-items:center;display:flex;justify-content:center;width:100%}.carousel-container{border-radius:10px;box-shadow:0 10px 30px #0000004d;height:clamp(300px,50vw,675px);max-width:100%;overflow:hidden;position:relative}.carousel-image{border-radius:10px;height:100%;left:0;object-fit:contain;opacity:0;position:absolute;top:0;transition:opacity .6s ease-in-out;-webkit-user-select:none;user-select:none;width:100%;z-index:1}.fade-in{opacity:1;z-index:2}.fade-out{opacity:0;z-index:1}.arrow{align-items:center;background-color:#0006;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:clamp(1.5rem,4vw,2.5rem);height:clamp(40px,8vw,60px);justify-content:center;padding:clamp(5px,2vw,15px);position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;-webkit-user-select:none;user-select:none;width:clamp(40px,8vw,60px);z-index:3}.arrow:hover{background-color:#000000b3;transform:translateY(-50%) scale(1.1)}.left-arrow{left:clamp(5px,2vw,10px)}.right-arrow{right:clamp(5px,2vw,10px)}.content{padding:2rem;text-align:center}@media (max-width:768px){.hero-section{padding:1rem}.title{margin-bottom:30rem;min-width:200px;width:70vw}.join-link{bottom:1.5rem;font-size:1.2rem}.top-nav{right:.5rem;top:.5rem}.nav-links{flex-direction:column;gap:.5rem}.nav-item{font-size:.8rem;padding:.4rem .8rem}.nav-icon{height:20px;width:20px}.footer-section{margin-top:-10vh;min-height:110vh;padding:2rem .5rem}.slogan{font-size:1.1rem;margin-bottom:2rem;padding:0 1rem;z-index:99}.carousel-container{height:40vh;min-height:250px}.arrow{font-size:1.5rem;height:40px;padding:5px;width:40px}.carousel-dots{bottom:.5rem;gap:.25rem;max-width:98%}.dot{border-width:1.5px;height:8px;min-height:8px;min-width:8px;width:8px}}@media (max-width:480px){.title{min-width:180px;width:80vw}.join-link{bottom:1rem;font-size:1rem}.nav-links{max-width:150px}.nav-item{font-size:.7rem;padding:.3rem .6rem}.slogan{font-size:1rem;margin-bottom:1.5rem}.carousel-container{height:35vh;min-height:200px}.carousel-dots{bottom:.3rem;gap:.15rem;max-width:99%}.dot{border-width:1px;height:6px;min-height:6px;min-width:6px;width:6px}}.carousel-dots{-ms-overflow-style:none;bottom:1rem;display:flex;flex-wrap:nowrap;gap:.5rem;justify-content:center;left:50%;max-width:95%;overflow-x:auto;position:absolute;scrollbar-width:none;transform:translateX(-50%);z-index:4}.carousel-dots::-webkit-scrollbar{display:none}.dot{background:#0000;border:2px solid #ffffff80;border-radius:50%;cursor:pointer;flex-shrink:0;height:12px;min-height:12px;min-width:12px;outline:none;padding:0;transition:all .3s ease;width:12px}.dot:hover{border-color:#fffc}.dot.active{background:#ffffffe6;border-color:#ffffffe6}.dot:disabled{cursor:not-allowed;opacity:.5}@media (min-width:1400px){.carousel-container{height:675px;max-width:1200px}.footer-section{padding:4rem 2rem}.slogan{font-size:1.8rem;margin-bottom:3rem}}.join-banner{background:linear-gradient(90deg,#0a0a0a,#000);bottom:0;color:#fff;font-family:font,sans-serif;font-size:clamp(1rem,2.5vw,1.5rem);left:0;padding:1rem;position:fixed;text-align:center;text-decoration:none;transition:background .3s ease;width:100%;z-index:1000}.join-banner:hover{background:linear-gradient(90deg,#111c,#111111ee)}
/*# sourceMappingURL=main.4aee2dba.css.map*/