:root{--primary:#f0f0f0;--secondary:#007bff;--light-gray:#f8f9fa;--dark-gray:#7d7d7d;--black:#1c1c1c}.landing body{color:#1c1c1c;color:var(--black);font-family:Inter,sans-serif;margin:0}.landing .header{align-items:center;background:#f0f0f0;background:var(--primary);display:flex;height:10vh;justify-content:space-between;padding:1rem 2rem}.landing .header .logo{height:8vh;width:auto}.landing .nav-buttons a{border-radius:6px;color:#f0f0f0;color:var(--primary);flex-wrap:wrap;font-weight:600;margin-left:1rem;padding:.5rem 1rem;text-decoration:none;transition:background .3s ease;white-space:nowrap}.landing .nav-buttons a.signup{background:#007bff;background:var(--secondary)}.landing .nav-buttons a.signup:hover{background:#0068d6}.landing .nav-buttons a.login{background:#7d7d7d;background:var(--dark-gray)}.landing .nav-buttons a.login:hover{background:#6d6d6d}.landing .hero{background:#f0f0f0;background:var(--primary);height:90vh}.landing .hero-content{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:1%;height:90%;justify-content:center;margin:0 auto;padding:0 2rem;width:100vw}.landing .hero-text{flex-basis:40%;flex-grow:1;padding:0 2rem;text-align:center}.landing .hero-text h2{font-size:2.5rem;margin:0}.landing .hero-text p{font-size:1.2rem;margin-bottom:2rem;margin-top:2rem;opacity:.9;padding:0 3rem}.landing .hero-image{flex-basis:59%;flex-grow:1;padding-left:1rem;text-align:center}.landing .hero-image img{border-radius:3px;box-shadow:0 5px 20px #0000004d;height:auto;max-width:100%;width:100%}.landing .scroll-down-button{background:#f0f0f0;background:var(--primary);border:2px solid #1c1c1c;border:2px solid var(--black);border-radius:30px;color:#1c1c1c;color:var(--black);cursor:pointer;display:block;font-size:1rem;font-weight:1000;margin:0 auto;padding:.75rem 1.5rem;transition:all .4s ease}.landing .scroll-down-button:hover{background:#1c1c1c;background:var(--black);color:#f0f0f0;color:var(--primary)}.scroll-down-button.fade-out{opacity:0;pointer-events:none}.landing .features{background:#f0f0f0;background:var(--primary);padding:2rem}.landing .features h3{color:#1c1c1c;color:var(--black);font-size:2rem;margin-bottom:3rem;margin-top:0;text-align:center}.landing .feature{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-left:auto;margin-right:auto;max-width:1100px}.landing .feature-left .feature-text,.landing .feature-right .feature-image{order:1}.landing .feature-left .feature-image,.landing .feature-right .feature-text{order:2}.landing .feature-text{flex:1 1 400px}.landing .feature-text h4{color:#1c1c1c;color:var(--black);font-size:1.4rem;margin-bottom:.5rem}.landing .feature-text p{line-height:1.6}.landing .feature-image{flex:1 1 400px;text-align:center}.landing .feature-image img{border-radius:8px;box-shadow:0 3px 15px #0000001a;max-width:500px;width:100%}.landing .carousel-container{margin:0 auto;max-width:500px;position:relative;width:100%}.landing .carousel-image{border-radius:8px;box-shadow:0 3px 15px #0000001a;max-width:500px;width:100%}.landing .carousel-arrow{background:#ffffffb3;border:none;border-radius:50%;cursor:pointer;font-size:2rem;padding:.3rem 1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.landing .carousel-arrow.left{left:-1.6rem}.landing .carousel-arrow.right{right:-1.6rem}.landing .carousel-arrow:hover{background:#fff}.landing .cta{background-color:#f0f0f0;background-color:var(--primary);padding:3rem 2rem 3.5rem;text-align:center}.landing .cta h3{margin-bottom:1rem}.landing .cta-btn{background:#007bff;background:var(--secondary);border-radius:6px;color:#f0f0f0;color:var(--primary);display:inline-block;font-size:1.1rem;font-weight:600;margin:0;padding:.8rem 2rem;text-decoration:none;transition:background .3s ease}.landing .cta-btn:hover{background:#0068d6}.landing .footer{background:#f0f0f0;background:var(--primary);color:#1c1c1c;color:var(--black);font-size:.9rem;padding:1rem;text-align:center}@media (max-width:812px){.landing .header .logo{margin:0 auto}.landing .nav-buttons{display:none}.landing .hero{height:auto;padding:2rem 0}.landing .hero-content{flex-direction:column;gap:2rem;height:auto;padding:0}.landing .hero-text{flex:initial;padding:0 1rem}.landing .hero-text h2{font-size:1.8rem}.landing .hero-text p{font-size:1rem;padding:0 1rem}.landing .hero-image{flex:initial;padding:0 1rem}.landing .hero-image img{height:auto;margin:0 auto;max-width:500px;width:100%}.landing .scroll-down-button{font-size:.9rem;margin-top:2rem;padding:.5rem 1.2rem}.landing .cta-btn{font-size:.8rem;padding:.6rem 1.4rem}.landing .scroll-down-button{display:none}.landing .features h3{margin-bottom:1rem;text-align:left}.landing .feature{gap:1.5rem;margin-bottom:1rem;text-align:left}.landing .feature p{margin-bottom:0}.landing .feature-left .feature-text,.landing .feature-right .feature-text{order:1}.landing .feature-left .feature-image,.landing .feature-right .feature-image{order:2}.landing .carousel-arrow{background:#ffffffb3;border:none;border-radius:50%;cursor:pointer;font-size:1rem;padding:.3rem .6rem;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.landing .carousel-arrow.left{left:-.9rem}.landing .carousel-arrow.right{right:-.9rem}}.login .outer-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100dvh;padding:1rem}.login .outer-container img{width:15.625rem}.login .inner-container{align-items:center;background:#fdfdfd;border:1px solid #7d7d7d;border-radius:5px;box-shadow:0 1px 2px;display:flex;flex-direction:column;justify-content:center;margin-top:1.25rem;padding:2rem 1rem;width:23.4375rem}.login .inner-container h2{font-size:1.25rem;margin-bottom:1rem;padding:.3125rem 0}.login .login-form{align-items:center;display:flex;flex-direction:column;width:100%}.login .login-form input{border:1px solid #a9a9a9;border-radius:5px;font-size:1.125rem;height:3.125rem;margin-bottom:1rem;padding-left:1rem;width:90%}.login .login-form input:focus{border:none;outline:2px solid #4b4b4b}.login .login-form input:hover{cursor:pointer}.login .login-form button:hover{background-color:#222;cursor:pointer}.login .login-form button{background-color:#1c1c1c;border:none;border-radius:5px;color:#fdfdfd;font-size:1.25rem;height:3.125rem;width:90%}.login .inner-container a{color:#1c1c1c;display:inline-block;margin-top:.5rem;text-decoration:underline}.login .inner-container a:visited{color:#1c1c1c}@media (max-width:600px){.login .inner-container{padding:1.5rem 1rem;width:90%}.login .login-form button,.login .login-form input{width:100%}}.register .outer-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100dvh;padding:1rem}.register .outer-container img{margin-bottom:1rem;width:15.625rem}.register .inner-container{align-items:center;background:#fdfdfd;border:1px solid #7d7d7d;border-radius:5px;box-shadow:0 1px 2px;display:flex;flex-direction:column;height:auto;justify-content:center;padding:2rem 1.5rem;width:23.4375rem}.register .inner-container h2{font-size:1.25rem;margin-bottom:1rem;text-align:center}.register .create-or-join{align-items:center;display:flex}.register .create-or-join button{background:#d4d4d4;border:1px solid #d4d4d4;border-radius:5px;color:#1c1c1c;cursor:pointer;font-size:.9rem;font-weight:500;margin:0 .5rem;padding:.5rem 1rem}.register .create-or-join span{margin:0 .5rem}.register .code-entry{margin-top:1rem}.register .code-entry,.register .code-entry form{align-items:center;display:flex;flex-direction:column}.register .code-entry input{background:#fdfdfd;border:1px solid #a9a9a9;border-radius:5px;font-size:.9rem;margin-bottom:.75rem;max-width:20rem;padding:.5rem .75rem;width:100%}.register .code-entry input:focus{border:1px solid #4b4b4b;outline:none}.register .code-entry button{background:#d4d4d4;border:none;border-radius:5px;color:#1c1c1c;cursor:pointer;font-size:.9rem;font-weight:500;max-width:10rem;padding:.5rem .75rem;width:100%}.register .code-entry input::placeholder{color:#000}@media (max-width:768px){.register .inner-container{padding:1.5rem 1rem;width:90%}.register .code-entry button,.register .code-entry input,.register .registration-form button,.register .registration-form input{width:100%}}*{box-sizing:border-box;padding:0}*,body{margin:0}body{background:#f0f0f0;color:#1c1c1c;font-family:Inter,sans-serif;overflow-wrap:break-word}
/*# sourceMappingURL=main.01876f59.css.map*/