#home .button,.signup-footer .button,#custom-404 .button,#login .button{text-align:center;border-radius:.5rem;padding:.75rem 1.75rem;transition:all .3s;position:relative;overflow:hidden}#home .button span,.signup-footer .button span,#custom-404 .button span,#login .button span{z-index:1;position:relative}#home .button.primary,.signup-footer .button.primary,#custom-404 .button.primary,#login .button.primary{background:var(--foreground);color:var(--background);letter-spacing:1px;border:2px solid var(--foreground);box-shadow:5px 5px var(--accent-1);font-weight:700}#home .button.default,#custom-404 .button.default{background:var(--card-bg);color:var(--foreground);letter-spacing:1px;border:2px solid var(--foreground);box-shadow:5px 5px var(--shadow);font-weight:700}#home .button:before,.signup-footer .button:before,#custom-404 .button:before,#login button.button:before{content:"";background:var(--accent-1);z-index:0;width:0;height:100%;position:absolute;top:0}#home .button.default:hover,#custom-404 .button.default:hover{border-color:var(--accent-1);box-shadow:3px 3px var(--shadow)}#home .button.primary:hover,.signup-footer .button.primary:hover,#custom-404 .button.primary:hover,#login .button.primary:hover{box-shadow:3px 3px var(--accent-1)}#home .button:hover,.signup-footer .button:hover,#custom-404 .button:hover,#login .button:hover{transform:translate(2px,2px)}#home .button:hover:before,.signup-footer .button:hover:before,#custom-404 .button:hover:before,#login .button:hover:before{width:100%;transition:all .3s;left:0}#home .warning{text-align:center;border:2px solid var(--shadow);border-radius:1rem;margin-bottom:1rem;padding:0;position:relative;overflow:hidden}#home .warning p{z-index:1;position:relative}#home .warning:before{content:"";background:var(--gradient);opacity:.2;z-index:0;width:100%;height:100%;display:block;position:absolute;top:0;left:0}#home .warning strong{color:var(--accent-1)}#home .title,#join .title,#misc .title{text-align:center;width:fit-content;margin:2rem auto;font-size:1.5rem}#home .title h1,#join .title h1,#misc .title h1{position:relative}#home .title h1 .spin,#join .title h1 .spin,#misc .title h1 .spin{font-size:1rem;position:absolute;top:30px;left:-30px}@media screen and (max-width:768px){#home .title,#join .title,#misc .title{font-size:1rem}}#join .signup-card{margin-bottom:1rem}.steps-grid{margin:2rem 0}.home-card{border:2px dashed var(--shadow);z-index:0;border-radius:1rem;flex-direction:column;align-items:center;padding:3rem 1rem 1rem;transition:all .3s;display:flex;position:relative}.home-card-wrapper:hover .home-card{border:2px solid var(--accent-1)}.left-trigger,.right-trigger{z-index:1;width:50%;height:100%;position:absolute;top:0}.left-trigger{left:0}.right-trigger{right:0}.home-card-wrapper{height:100%;display:flex;position:relative}.home-card-wrapper .left-trigger:hover~.home-card{transform:rotate(-5deg)}.home-card-wrapper .right-trigger:hover~.home-card{transform:rotate(5deg)}.home-card .step-name{background:var(--shadow);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:-15px}h2{margin:.75rem 0;font-size:1.7rem}#misc h2{text-transform:lowercase}.list-item{margin-left:.5rem;padding:0 .5rem .5rem 0;font-size:1.2rem;display:flex}.list-item .decorator{color:var(--accent-1);margin-right:.5rem;font-family:monospace}.decorator.star{position:relative;top:-4px}.list-item .list-content{flex-direction:column;gap:.5rem;display:flex}.list-item .list-content small{color:var(--faded-text);border-left:2px dashed var(--shadow);padding-left:1rem}.list-item .list-content small strong{color:var(--foreground)}.list-item .list-content small ul{margin:0;padding-left:.75rem}.contact-links{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.contact-card{border:2px dashed var(--shadow);background:var(--background);border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;padding:2rem;transition:all .3s;display:flex}.contact-card:hover{border:2px solid var(--accent-1);box-shadow:0 6px var(--shadow);transform:translateY(-6px)}.contact-card strong{color:var(--faded-text)}.contact-card span{background:var(--foreground);color:var(--background);border-radius:1rem;margin-top:.75rem;padding:.25rem 2rem;transition:all .3s;display:block}.contact-card:hover span{background:var(--accent-1)}.mod-team{flex-direction:column;gap:1rem;display:flex}.mod-card{border:3px solid var(--shadow);background:var(--background);border-radius:1rem;align-items:center;padding:1rem;transition:all .3s;display:flex}.mod-card:hover{border-color:var(--accent-1)}.mod-card .default-icon{background-image:url(/placeholder.png);background-size:cover;width:50px;height:50px}.mod-card .default-icon,.mod-card img{border-radius:.5rem;margin-right:1rem}.mod-card .user-description{flex:1;justify-content:space-between;align-items:center;display:flex}.mod-card .user-description .user-title{letter-spacing:1px;font-size:1.2rem;font-weight:700}.faq-item{border:2px solid var(--shadow);box-shadow:0 6px var(--shadow);cursor:pointer;border-radius:1rem;transition:all .3s;overflow:hidden}.faq-item:hover{border:2px solid var(--accent-1);box-shadow:0 6px var(--accent-1)}.faq-item:hover .faq-question{background:var(--background)}.faq-question{border-bottom:2px solid var(--shadow);letter-spacing:.5px;justify-content:space-between;align-items:center;padding:1rem;font-weight:700;display:flex}.faq-answer{padding:1rem}.nothing-to-see .bounce-icon{border:2px solid var(--shadow);background:var(--background);border-radius:50%;justify-content:center;align-items:center;width:75px;height:75px;margin:3rem auto;font-size:2rem;animation:3s ease-in-out infinite bounce-icon-bounce;display:flex;position:relative}.nothing-to-see .bounce-icon:before{content:"✦";color:var(--accent-1);font-size:10px;animation:2s ease-in-out infinite bounce-icon-sparkle;position:absolute;top:-7px}.nothing-to-see .bounce-icon:after{content:"✦";color:var(--accent-1);font-size:10px;animation:2s ease-in-out 1s infinite bounce-icon-sparkle;position:absolute;bottom:-7px}.nothing-to-see .info-card{border:3px dashed var(--shadow);background:var(--card-bg);text-align:center;border-radius:1rem;padding:2rem}.nothing-to-see h4{text-align:center;text-transform:uppercase;color:var(--faded-text);letter-spacing:1px;font-size:1.3rem}.nothing-to-see a.card{color:var(--faded-text);letter-spacing:.5px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.nothing-to-see a.card strong{color:var(--foreground)}.nothing-to-see a.card:hover{border-color:var(--accent-1)}#custom-404{max-width:var(--max-width);margin:3rem auto}#custom-404 h1{text-align:center;margin:2rem 0;font-size:8rem;position:relative}#custom-404 h1:before{content:"404";color:var(--accent-1);clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%);position:absolute;inset:0}#custom-404 .card{text-align:center;max-width:calc(var(--max-width)*.6);flex-direction:column;align-items:center;margin:0 auto;padding:2rem;display:flex;position:relative}#custom-404 .card .not-found-badge{background:var(--accent-2);color:var(--background);border:3px solid var(--background);border-radius:1rem;padding:.5rem 2rem;font-weight:700;position:absolute;top:-1.25rem;transform:rotate(-3deg)}#custom-404>p{text-align:center}#custom-404>p a{color:var(--accent-1)}#custom-404>p a:hover{color:var(--accent-2)}.scroll-banner{background:var(--foreground);flex-wrap:nowrap;margin-top:3rem;padding:.5rem 0;display:flex;overflow:hidden}.scroll-banner .inner{flex:100%;justify-content:space-around;min-width:100%;animation:22s linear infinite text-scroll;display:flex}.scroll-banner span{color:var(--background);letter-spacing:1px;margin:0 1rem;font-weight:700}#login .tabs{justify-content:center}#login .card{flex-direction:column;max-width:700px;margin:0 auto;display:flex}#login label{letter-spacing:1px;font-weight:700}#login input{margin-top:.25rem;margin-bottom:1rem}#login .thin-divider{color:var(--faded-text);align-items:center;margin:1rem 0;display:flex}#login .thin-divider:before{content:"";border-top:1px solid var(--shadow);flex:1;margin-right:.5rem}#login .thin-divider:after{content:"";border-top:1px solid var(--shadow);flex:1;margin-left:.5rem}#login hr{width:100%;margin:1rem 0}@keyframes text-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}
