.loader-container{z-index:1000;background:#0009;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.typewriter{--primary-color:#007bff;--secondary-color:#0056b3;--key-color:#fff;--paper-color:#f8f9fa;--text-color:#343a40;--tool-color:#ffc107;--duration:6s;animation:bounce var(--duration) linear infinite;width:200px;height:120px;position:relative}.typewriter .slide{background:linear-gradient(var(--primary-color), var(--secondary-color));width:160px;height:40px;animation:slide var(--duration) ease infinite;border-radius:10px;margin-left:30px;transform:translate(20px)}.typewriter .slide:before,.typewriter .slide:after,.typewriter .slide i:before{content:"";background:var(--tool-color);position:absolute}.typewriter .slide:before{width:4px;height:15px;top:10px;left:100%}.typewriter .slide:after{border-radius:5px;width:10px;height:22px;top:7px;left:120px}.typewriter .slide i{background:var(--tool-color);width:10px;height:8px;display:block;position:absolute;top:8px;right:100%}.typewriter .slide i:before{border-radius:4px;width:6px;height:22px;top:-4px;right:100%}.typewriter .paper{background:var(--paper-color);width:70px;height:80px;animation:paper var(--duration) linear infinite;border-radius:10px;position:absolute;top:-50px;left:40px;transform:translateY(80px)}.typewriter .paper:before{content:"";background:var(--text-color);height:6px;box-shadow:0 20px 0 var(--text-color), 0 40px 0 var(--text-color), 0 60px 0 var(--text-color);border-radius:4px;position:absolute;top:12px;left:10px;right:10px;transform:scaleY(.8)}.typewriter .keyboard{z-index:1;width:180px;height:90px;margin-top:-20px;position:relative}.typewriter .keyboard:before,.typewriter .keyboard:after{content:"";position:absolute}.typewriter .keyboard:before{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));transform-origin:50% 100%;border-radius:10px;inset:0;transform:perspective(15px)rotateX(5deg)}.typewriter .keyboard:after{width:16px;height:6px;box-shadow:20px 0 0 var(--key-color), 40px 0 0 var(--key-color), 60px 0 0 var(--key-color), 80px 0 0 var(--key-color), 100px 0 0 var(--key-color), 120px 0 0 var(--key-color), 30px 15px 0 var(--key-color), 50px 15px 0 var(--key-color), 70px 15px 0 var(--key-color), 90px 15px 0 var(--key-color), 110px 15px 0 var(--key-color), 130px 15px 0 var(--key-color);animation:keyboard var(--duration) linear infinite;border-radius:4px;top:40px;left:5px}.loading-text{color:#fff;margin-top:40px;font-family:Arial,sans-serif;font-size:2.5em;font-weight:700;animation:2s linear infinite fadeInOut}@keyframes bounce{85%,92%,to{transform:translateY(0)}89%{transform:translateY(-10px)}95%{transform:translateY(5px)}}@keyframes slide{5%{transform:translate(20px)}15%,30%{transform:translate(10px)}40%,55%{transform:translate(0)}65%,70%{transform:translate(-8px)}80%,89%{transform:translate(-20px)}to{transform:translate(20px)}}@keyframes paper{5%{transform:translateY(80px)}20%,30%{transform:translateY(60px)}40%,55%{transform:translateY(40px)}65%,70%{transform:translateY(20px)}80%,85%{transform:translateY(0)}92%,to{transform:translateY(80px)}}@keyframes keyboard{5%,12%,21%,30%,39%,48%,57%,66%,75%,84%{box-shadow:20px 0 0 var(--key-color), 40px 0 0 var(--key-color), 60px 0 0 var(--key-color), 80px 0 0 var(--key-color), 100px 0 0 var(--key-color), 120px 0 0 var(--key-color), 30px 15px 0 var(--key-color), 50px 15px 0 var(--key-color), 70px 15px 0 var(--key-color), 90px 15px 0 var(--key-color), 110px 15px 0 var(--key-color), 130px 15px 0 var(--key-color)}9%{box-shadow:20px 4px 0 var(--key-color), 40px 0 0 var(--key-color), 60px 0 0 var(--key-color), 80px 0 0 var(--key-color), 100px 0 0 var(--key-color), 120px 0 0 var(--key-color), 30px 15px 0 var(--key-color), 50px 15px 0 var(--key-color), 70px 15px 0 var(--key-color), 90px 15px 0 var(--key-color), 110px 15px 0 var(--key-color), 130px 15px 0 var(--key-color)}18%{box-shadow:20px 0 0 var(--key-color), 40px 0 0 var(--key-color), 60px 0 0 var(--key-color), 80px 4px 0 var(--key-color), 100px 0 0 var(--key-color), 120px 0 0 var(--key-color), 30px 15px 0 var(--key-color), 50px 15px 0 var(--key-color), 70px 15px 0 var(--key-color), 90px 15px 0 var(--key-color), 110px 15px 0 var(--key-color), 130px 15px 0 var(--key-color)}27%{box-shadow:20px 0 0 var(--key-color), 40px 0 0 var(--key-color), 60px 0 0 var(--key-color), 80px 0 0 var(--key-color), 100px 4px 0 var(--key-color), 120px 0 0 var(--key-color), 30px 15px 0 var(--key-color), 50px 15px 0 var(--key-color), 70px 15px 0 var(--key-color), 90px 15px 0 var(--key-color), 110px 15px 0 var(--key-color), 130px 15px 0 var(--key-color)}36%{box-shadow:20px 0 0 var(--key-color), 40px 0 0 var(--key-color), 60px 0 0 var(--key-color), 80px 0 0 var(--key-color), 100px 0 0 var(--key-color), 120px 4px 0 var(--key-color), 30px 15px 0 var(--key-color), 50px 15px 0 var(--key-color), 70px 15px 0 var(--key-color), 90px 15px 0 var(--key-color), 110px 15px 0 var(--key-color), 130px 15px 0 var(--key-color)}45%{box-shadow:20px 0 0 var(--key-color), 40px 0 0 var(--key-color), 60px 0 0 var(--key-color), 80px 0 0 var(--key-color), 100px 0 0 var(--key-color), 120px 0 0 var(--key-color), 30px 15px 0 var(--key-color), 50px 15px 0 var(--key-color), 70px 15px 0 var(--key-color), 90px 15px 0 var(--key-color), 110px 15px 0 var(--key-color), 130px 15px 0 var(--key-color)}54%{box-shadow:20px 0 0 var(--key-color), 40px 0 0 var(--key-color), 60px 0 0 var(--key-color), 80px 0 0 var(--key-color), 100px 0 0 var(--key-color), 120px 0 0 var(--key-color), 30px 15px 0 var(--key-color), 50px 15px 0 var(--key-color), 70px 15px 0 var(--key-color), 90px 15px 0 var(--key-color), 110px 15px 0 var(--key-color), 130px 15px 0 var(--key-color)}63%{box-shadow:20px 0 0 var(--key-color), 40px 0 0 var(--key-color), 60px 0 0 var(--key-color), 80px 0 0 var(--key-color), 100px 0 0 var(--key-color), 120px 0 0 var(--key-color), 30px 15px 0 var(--key-color), 50px 15px 0 var(--key-color), 70px 15px 0 var(--key-color), 90px 15px 0 var(--key-color), 110px 15px 0 var(--key-color), 130px 15px 0 var(--key-color)}72%{box-shadow:20px 0 0 var(--key-color), 40px 0 0 var(--key-color), 60px 0 0 var(--key-color), 80px 0 0 var(--key-color), 100px 0 0 var(--key-color), 120px 0 0 var(--key-color), 30px 15px 0 var(--key-color), 50px 15px 0 var(--key-color), 70px 15px 0 var(--key-color), 90px 15px 0 var(--key-color), 110px 15px 0 var(--key-color), 130px 15px 0 var(--key-color)}81%{box-shadow:20px 0 0 var(--key-color), 40px 0 0 var(--key-color), 60px 0 0 var(--key-color), 80px 0 0 var(--key-color), 100px 0 0 var(--key-color), 120px 0 0 var(--key-color), 30px 15px 0 var(--key-color), 50px 15px 0 var(--key-color), 70px 15px 0 var(--key-color), 90px 15px 0 var(--key-color), 110px 15px 0 var(--key-color), 130px 15px 0 var(--key-color)}90%{box-shadow:20px 0 0 var(--key-color), 40px 0 0 var(--key-color), 60px 0 0 var(--key-color), 80px 0 0 var(--key-color), 100px 0 0 var(--key-color), 120px 0 0 var(--key-color), 30px 15px 0 var(--key-color), 50px 15px 0 var(--key-color), 70px 15px 0 var(--key-color), 90px 15px 0 var(--key-color), 110px 15px 0 var(--key-color), 130px 15px 0 var(--key-color)}99%{box-shadow:20px 0 0 var(--key-color), 40px 0 0 var(--key-color), 60px 0 0 var(--key-color), 80px 0 0 var(--key-color), 100px 0 0 var(--key-color), 120px 0 0 var(--key-color), 30px 15px 0 var(--key-color), 50px 15px 0 var(--key-color), 70px 15px 0 var(--key-color), 90px 15px 0 var(--key-color), 110px 15px 0 var(--key-color), 130px 15px 0 var(--key-color)}to{box-shadow:20px 0 0 var(--key-color), 40px 0 0 var(--key-color), 60px 0 0 var(--key-color), 80px 0 0 var(--key-color), 100px 0 0 var(--key-color), 120px 0 0 var(--key-color), 30px 15px 0 var(--key-color), 50px 15px 0 var(--key-color), 70px 15px 0 var(--key-color), 90px 15px 0 var(--key-color), 110px 15px 0 var(--key-color), 130px 15px 0 var(--key-color)}}@keyframes fadeInOut{0%{opacity:0}50%{opacity:1}to{opacity:0}}.modal-overlay{z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--background-color);color:var(--text-color);text-align:center;border-radius:8px;width:100%;max-width:400px;padding:2rem}.modal-close-button{background-color:var(--button-color);color:var(--text-color);cursor:pointer;border:none;border-radius:4px;margin-top:1rem;padding:.5rem 1rem}.signup-container{background-color:var(--background-color);justify-content:center;align-items:stretch;height:100vh;display:flex}.signup-sidebar{background-color:var(--primary-color);color:var(--text-color);text-align:left;border-radius:0;flex-direction:column;justify-content:center;width:30%;height:100vh;padding:1.5rem;display:flex}.signup-sidebar h1{margin-bottom:.8rem;font-size:2rem;font-weight:700}.signup-sidebar p{color:var(--secondary-text-color);margin-bottom:1rem;font-size:1rem;line-height:1.5}.signup-sidebar a{color:var(--accent-color);font-size:.9rem;font-weight:700;text-decoration:none}.signup-sidebar a:hover{text-decoration:underline}.signup-form{background-color:#1e1e1e;border-radius:0;flex-direction:column;flex:1;justify-content:center;height:100vh;padding:1.5rem;display:flex;box-shadow:0 10px 30px #0000004d}.signup-form h2{color:var(--accent-color);border-bottom:2px solid var(--accent-color);margin-bottom:.01rem;padding-top:5rem;font-size:1.6rem}.signup-form p{color:var(--secondary-text-color);margin-bottom:3rem;font-size:.9rem}.form-group input{border:1px solid var(--input-border);background-color:var(--input-background);width:100%;color:var(--text-color);border-radius:6px;padding:.7rem;font-size:1rem}:root{--primary-color:#6200ea;--background-color:#121212;--text-color:#fff;--input-background:#1d1d1d;--input-border:#555;--button-color:#8d3eed;--accent-color:#ffdd57;--secondary-text-color:#bbb}body.modal-open{filter:blur(4px);overflow:hidden}.login-container{background-color:var(--background-color);justify-content:center;align-items:stretch;height:auto;display:flex}.login-sidebar{background-color:var(--primary-color);color:var(--text-color);text-align:left;border-radius:0;flex-direction:column;justify-content:center;width:35%;height:auto;min-height:100vh;padding:2rem 2.5rem;display:flex}.login-sidebar h1{margin-bottom:1rem;font-size:2.5rem;font-weight:700}.login-sidebar p{color:var(--secondary-text-color);margin-bottom:1.2rem;font-size:1.2rem;line-height:1.6}.login-sidebar a{color:var(--accent-color);font-size:1rem;font-weight:700;text-decoration:none}.login-sidebar a:hover{text-decoration:underline}.login-form{background-color:#1e1e1e;border-radius:0;flex-direction:column;flex:1;justify-content:center;height:auto;min-height:100vh;padding:3rem;display:flex;box-shadow:0 10px 30px #0000004d}.login-form h2{color:var(--accent-color);border-bottom:2px solid var(--accent-color);margin-bottom:1rem;padding-bottom:.5rem;font-size:2rem}.login-form p{color:var(--secondary-text-color);margin-bottom:2rem;font-size:1.2rem}.form-group label{color:var(--text-color);margin-bottom:.5rem;font-size:1.1rem;font-weight:700;display:block}.form-group input{border:1px solid var(--input-border);background-color:var(--input-background);width:100%;color:var(--text-color);border-radius:6px;padding:.85rem;font-size:1rem;transition:all .3s}.form-group input:focus{border-color:var(--accent-color);outline:none}.forgot-password{justify-content:flex-end;margin-top:.5rem;display:flex}.forgot-password a{color:var(--accent-color);font-size:.95rem;font-weight:700;text-decoration:none}.submit-button{background-color:var(--button-color);color:var(--text-color);cursor:pointer;border:none;border-radius:6px;margin-top:2rem;padding:.75rem 2.5rem;font-size:1.1rem;font-weight:700;transition:background-color .3s}.error-message{color:#ff4d4d;margin-bottom:1rem;font-size:1rem;font-weight:700}.success-message{color:#32cd32;margin-bottom:1rem;font-size:1rem;font-weight:700}:root{--primary-color:#6200ea;--background-color:#121212;--text-color:#fff;--input-background:#333;--input-border:#444;--button-color:#8d3eed;--modal-background:#000c;--ribbon-colors:#ff6f61, #f7ca18, #34aadc, #9b59b6, #e74c3c}body{background-color:var(--background-color);color:var(--text-color);margin:0;font-family:Arial,sans-serif}.spaceform-container{justify-content:center;align-items:center;height:auto;padding:2rem;display:flex}.spaceform-content{background:#1e1e1e;border-radius:12px;width:100%;max-width:800px;padding:3rem;animation:.8s ease-out fadeInUp;box-shadow:0 4px 20px #00000080}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.spaceform-content h1{margin-bottom:2rem;font-size:2.5rem;animation:1s ease-out slideIn}@keyframes slideIn{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}.spaceform-content form{flex-direction:column;display:flex}.form-group{margin-bottom:1.5rem;animation:1s ease-out fadeInUp}.form-group label{margin-bottom:.5rem;display:block}.form-group input,.form-group textarea{border:1px solid var(--input-border);background-color:var(--input-background);width:100%;color:var(--text-color);border-radius:4px;padding:1rem;font-size:1rem}.form-group textarea{resize:vertical;height:120px}.form-group input[type=checkbox]{width:auto}.submit-button{background-color:var(--button-color);color:var(--text-color);cursor:pointer;border:none;border-radius:4px;margin-top:2rem;padding:1rem 3rem;font-size:1.2rem;transition:background-color .3s ease-in-out;animation:1.2s ease-out fadeInUp}.submit-button:hover{background-color:#7b3edc}.redirect-container{text-align:center;margin-top:20px}.redirect-link{color:#fff;background-color:#007bff;border-radius:5px;margin-top:10px;padding:10px 20px;text-decoration:none;transition:background-color .3s;animation:1.4s ease-out fadeInUp;display:inline-block}.redirect-link:hover{background-color:#0056b3}.modal-overlay{background-color:var(--modal-background);z-index:1000;justify-content:center;align-items:center;width:100%;height:100%;animation:.5s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.modal{text-align:center;background-color:#222;border-radius:12px;width:90%;max-width:600px;padding:2rem;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000080}.modal h2{color:var(--highlight-color);margin-bottom:1rem;font-size:2rem;animation:.6s ease-out slideIn}.modal p{color:var(--text-color);margin-bottom:1rem;animation:.7s ease-out fadeInUp}.modal .generated-link{color:var(--secondary-color);word-wrap:break-word;margin-bottom:1.5rem;font-size:1.3rem;animation:.8s ease-out fadeInUp}.copy-button{background-color:var(--button-color);color:var(--text-color);cursor:pointer;border:none;border-radius:4px;padding:.75rem 2rem;font-size:1.2rem;transition:background-color .3s ease-in-out;animation:1s ease-out fadeInUp}.copy-button:hover{background-color:#7b3edc}@keyframes popper{0%{opacity:0;transform:scale(.5)translateY(0)rotate(0)}20%{opacity:1;transform:scale(1)translateY(-20px)rotate(30deg)}40%{opacity:1;transform:scale(1)translateY(-40px)rotate(-30deg)}60%{opacity:1;transform:scale(1)translateY(-60px)rotate(20deg)}80%{opacity:1;transform:scale(1)translateY(-80px)rotate(-20deg)}to{opacity:0;transform:scale(1.5)translateY(-100px)rotate(360deg)}}.ribbon{opacity:0;z-index:999;width:10px;height:50px;animation:5s ease-out forwards popper;position:absolute}.ribbon:first-child{background-color:#ff6f61;animation-delay:.1s;left:5%}.ribbon:nth-child(2){background-color:#f7ca18;animation-delay:.2s;left:15%}.ribbon:nth-child(3){background-color:#34aadc;animation-delay:.3s;left:25%}.ribbon:nth-child(4){background-color:#9b59b6;animation-delay:.4s;left:35%}.ribbon:nth-child(5){background-color:#e74c3c;animation-delay:.5s;left:45%}.ribbon:nth-child(6){background-color:#f7ca18;animation-delay:.6s;left:55%}.ribbon:nth-child(7){background-color:#34aadc;animation-delay:.7s;left:65%}.ribbon:nth-child(8){background-color:#9b59b6;animation-delay:.8s;left:75%}.ribbon:nth-child(9){background-color:#e74c3c;animation-delay:.9s;left:85%}.ribbon:nth-child(10){background-color:#ff6f61;animation-delay:1s;left:95%}.emoji{opacity:0;font-size:2rem;animation:5s ease-out forwards emojiPop;position:absolute}@keyframes emojiPop{0%{opacity:0;transform:scale(0)translateY(0)}20%{opacity:1;transform:scale(1)translateY(-20px)}40%{opacity:1;transform:scale(1)translateY(-40px)}60%{opacity:1;transform:scale(1)translateY(-60px)}80%{opacity:1;transform:scale(1)translateY(-80px)}to{opacity:0;transform:scale(1.5)translateY(-100px)}}.emoji:first-child{animation-delay:.1s;top:10%;left:15%}.emoji:nth-child(2){animation-delay:.2s;top:20%;left:30%}.emoji:nth-child(3){animation-delay:.3s;top:30%;left:45%}.emoji:nth-child(4){animation-delay:.4s;top:40%;left:60%}.emoji:nth-child(5){animation-delay:.5s;top:50%;left:75%}.emoji:nth-child(6){animation-delay:.6s;top:60%;left:90%}.emoji:before{content:"🎉"}:root{--primary-color:#6200ea;--secondary-color:#bb86fc;--background-color:#121212;--text-color:#fff;--button-color:#6200ea;--button-text-color:#fff;--highlight-color:#ffeb3b;--card-background:#1e1e1e;--card-border-color:#444;--card-text-color:#fff;--font-family:"Roboto", sans-serif}body{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color);margin:0;overflow-x:hidden}.dashboard{flex-direction:column;align-items:center;display:flex}.navbar{background-color:var(--primary-color);width:100vw;height:7vh;color:var(--button-text-color);justify-content:space-between;align-items:center;padding:0 1rem;display:flex}.logo h1{margin:0;font-size:2rem}.nav-icons{align-items:center;gap:1rem;display:flex}.profile-button{color:var(--button-text-color);cursor:pointer;background:0 0;border:none;transition:transform .2s}.profile-button:hover{transform:scale(1.1)}.hero-section{text-align:center;padding:3rem 1rem}.hero-section h1{margin-bottom:1rem;font-size:2.5rem}.hero-section h1 mark{background-color:var(--highlight-color);color:var(--background-color)}.hero-section p{color:var(--text-color);margin-bottom:2rem;font-size:1.2rem}.cta-buttons{justify-content:center;gap:1rem;display:flex}.cta-buttons .start-feedback,.cta-buttons .see-how{cursor:pointer;border:none;border-radius:4px;padding:.75rem 2rem;font-size:1.2rem}.start-feedback{background-color:var(--button-color);color:var(--button-text-color)}.see-how{color:var(--button-color);border:2px solid var(--button-color);background-color:#0000}.gifs{flex-wrap:wrap;justify-content:center;gap:2rem;padding:2rem 0;display:flex}.gifs .gif{border-radius:50%;width:120px;height:120px}.overview,.spaces{width:90vw;max-width:1200px;margin-top:2rem}.overview h2,.spaces h2{color:var(--highlight-color);margin-bottom:1rem;font-size:2rem}.overview-cards{flex-wrap:wrap;gap:1rem;display:flex}.card{background-color:var(--card-background);text-align:center;border:1px solid var(--card-border-color);color:var(--card-text-color);border-radius:8px;flex:200px;padding:2rem}.card h3{margin-bottom:1rem;font-size:1.5rem}.card p{margin:0;font-size:2rem}.spaces-content{flex-direction:column;display:flex}.no-space{text-align:center;margin-bottom:1rem}.create-space{background-color:var(--button-color);color:var(--button-text-color);cursor:pointer;border:none;border-radius:4px;margin-bottom:1rem;padding:.75rem 2rem;font-size:1rem;transition:background-color .2s,transform .2s}.create-space:hover{background-color:var(--secondary-color);transform:scale(1.05)}.space-tiles{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.space-tile{background-color:var(--card-background);border:1px solid var(--card-border-color);color:var(--card-text-color);text-align:center;cursor:pointer;border-radius:8px;flex:calc(33% - 2rem);max-width:300px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.space-tile h3{margin:0;font-size:1.5rem}.space-tile:hover{transform:scale(1.05);box-shadow:0 6px 12px #00000080}.space-tile:active{transform:scale(.95);box-shadow:0 4px 8px #0000004d}.cookie-consent{background-color:var(--card-background);width:100%;color:var(--text-color);text-align:center;z-index:1000;border-top:2px solid var(--card-border-color);font-family:var(--font-family);padding:15px;position:fixed;bottom:0;left:0;box-shadow:0 -2px 5px #00000080}.cookie-consent p{color:var(--text-color);margin:0;font-size:14px}.cookie-consent button{background-color:var(--button-color);color:var(--button-text-color);cursor:pointer;border:none;border-radius:4px;margin:0 10px;padding:10px 20px;font-size:14px;transition:background-color .2s,transform .2s}.cookie-consent button:hover{background-color:var(--secondary-color);transform:scale(1.05)}.cookie-consent button:active{transform:scale(.95)}@media (width<=768px){.cookie-consent button{padding:8px 15px;font-size:12px}.hero-section h1{font-size:2rem}.cta-buttons .start-feedback,.cta-buttons .see-how{padding:.5rem 1.5rem;font-size:1rem}.gifs .gif{width:100px;height:100px}.card,.space-tile{flex:100%}}.no-space-image{width:20vw;margin-bottom:10px}.space-page{background-color:var(--input-background);border-radius:12px;max-width:800px;margin:4rem auto;padding:3rem;transition:transform .3s;box-shadow:0 6px 20px #0009}.space-page:hover{transform:scale(1.02)}.space-page h1{color:var(--highlight-color);text-align:center;text-transform:uppercase;letter-spacing:2px;margin-bottom:2rem;font-size:3rem;font-weight:700}.space-page p{color:var(--secondary-color);text-align:center;margin-bottom:2.5rem;font-size:1.5rem;line-height:1.6}.form-group{margin-bottom:2.5rem}label{color:var(--highlight-color);text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem;font-size:1.2rem;font-weight:600;display:block}input[type=text],input[type=email],textarea{width:97%;color:var(--text-color);background-color:var(--input-background);border:2px solid var(--input-border);border-radius:6px;outline:none;margin-bottom:1.5rem;padding:1rem;font-size:1.1rem;transition:border-color .3s}input[type=text]:focus,input[type=email]:focus,textarea:focus{border-color:var(--highlight-color)}textarea{resize:vertical;min-height:150px}.button-container{text-align:center}button[type=submit]{width:45%;color:var(--button-text-color);background-color:var(--button-color);cursor:pointer;border:none;border-radius:6px;margin-top:2rem;margin-bottom:3rem;padding:1rem;font-size:1.3rem;font-weight:600;transition:background-color .3s,transform .3s}button[type=submit]:hover{background-color:var(--secondary-color);transform:scale(1.05)}button[type=submit]:active{transform:scale(.98)}:root{--primary-color:#6200ea;--secondary-color:#bb86fc;--background-color:#121212;--text-color:#fff;--input-background:#1e1e1e;--input-border:#333;--button-color:#6200ea;--button-text-color:#fff;--highlight-color:#ffeb3b;--font-family:"Roboto", sans-serif}body{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color);margin:0}.space-image{border:1px solid #ddd;border-radius:4px;max-width:100%;height:auto;margin-top:10px}.space-details{background-color:var(--input-background);text-align:justify;border-radius:15px;max-width:900px;margin:4rem auto;padding:3rem;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 24px #000000b3}.space-details:hover{transform:scale(1.02);box-shadow:0 12px 36px #000c}.space-details h1{color:var(--highlight-color);text-align:center;text-transform:uppercase;letter-spacing:3px;text-align:center;margin-bottom:2.5rem;font-size:3rem;font-weight:700}.space-details p{color:var(--secondary-color);text-align:center;margin-bottom:2.5rem;font-size:1.4rem;line-height:1.8}.space-details h2{color:var(--primary-color);text-align:center;letter-spacing:1px;margin-bottom:2rem;font-size:2.2rem;font-weight:600}.space-details .feedback-section{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem;display:grid}.feedback-card{background-color:var(--background-color);border:1px solid var(--input-border);border-radius:10px;padding:1.5rem;transition:transform .3s,box-shadow .3s;box-shadow:0 6px 18px #0009}.feedback-card:hover{transform:translateY(-7px);box-shadow:0 10px 30px #000000b3}.feedback-card h4{color:var(--highlight-color);text-transform:uppercase;text-align:center;margin-bottom:1.2rem;font-size:1.4rem;font-weight:600}.feedback-card p{color:var(--text-color);text-align:justify;margin:.6rem 0;font-size:1.2rem;line-height:1.7}.feedback-card .response{border-top:1px solid var(--input-border);margin-top:1.5rem;padding-top:1rem}.feedback-card .response strong{color:var(--primary-color);font-weight:700}.space-details ul{margin-bottom:2rem;padding-left:20px}.space-details ul li{color:var(--text-color);margin-bottom:1rem;font-size:1.3rem;line-height:1.6}.profile{color:#fff;background-color:#121212;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-family:Roboto,sans-serif;display:flex}.profile h1{margin-bottom:2rem;font-size:2rem}.user-info{color:#fff;text-align:left;background-color:#1e1e1e;border:1px solid #444;border-radius:8px;width:100%;max-width:500px;padding:2rem}.user-info p{margin-bottom:1rem;font-size:1.2rem}.edit-form{background-color:#1e1e1e;border:1px solid #444;border-radius:8px;flex-direction:column;width:100%;max-width:500px;padding:2rem;display:flex}.edit-form label{margin-bottom:1rem;font-size:1.2rem}.edit-form input{color:#fff;background-color:#333;border:1px solid #444;border-radius:4px;width:100%;margin-top:.5rem;padding:.5rem}button{color:#fff;cursor:pointer;background-color:#6200ea;border:none;border-radius:4px;margin-top:1rem;padding:.75rem 2rem;font-size:1rem}body{scroll-behavior:smooth}.landing-page header{background-color:#111;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.landing-page nav{justify-content:space-between;align-items:center;display:flex}.landing-page .logo{align-items:center;display:flex}.landing-page .logo img{width:40px;height:auto;margin-right:10px}.landing-page .logo h1{color:#fff;margin:0;font-size:24px}.landing-page .nav-buttons button{color:#fff;cursor:pointer;background-color:#5639e0;border:none;border-radius:5px;margin:0 5px;padding:12px 24px;font-size:16px;transition:background-color .3s,transform .3s,box-shadow .3s}.landing-page .nav-buttons button:hover{background-color:#452fc1;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.hero-section{text-align:center;background-color:#000;padding:100px 20px}.hero-section .hero-content h1{opacity:0;margin-bottom:20px;font-size:48px;animation:1s forwards fadeIn}.hero-section .hero-content p{opacity:0;margin-bottom:30px;font-size:18px;animation:1s .5s forwards fadeIn}.hero-section .try-free-btn{color:#fff;cursor:pointer;background-color:#5639e0;border:none;border-radius:5px;padding:15px 30px;font-size:18px;transition:background-color .3s,transform .3s,box-shadow .3s}.hero-section .try-free-btn:hover{background-color:#452fc1;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.hero-section .pricing-link{color:#8585f6;margin-top:20px;text-decoration:none;display:block}.hero-section .pricing-link:hover{text-decoration:underline}.trusted-customers-section{text-align:center;background-color:#111;padding:50px 20px}.trusted-customers-section .customer-logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.trusted-customers-section .customer-logos img{opacity:0;width:150px;height:auto;transition:transform .3s;animation:1s forwards fadeIn}.trusted-customers-section .customer-logos img:hover{transform:scale(1.1)}.testimonial-section{text-align:center;background-color:#000;padding:50px 20px}.testimonial-section h2{opacity:0;margin-bottom:20px;animation:1s forwards fadeIn}.testimonial-section .testimonial-videos{flex-wrap:wrap;justify-content:center;display:flex}.testimonial-section .testimonial{text-align:left;opacity:0;margin:0 15px;animation:1s forwards fadeIn}.testimonial-section .testimonial video{border:1px solid #333;width:100%;max-width:300px}.testimonial-section .testimonial p{margin-top:10px}footer{text-align:center;background-color:#111;padding:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}html,body{scrollbar-color:#6200ea #333;scrollbar-width:thin;height:100%;margin:0;padding:0;overflow-y:auto}body::-webkit-scrollbar{width:16px}body::-webkit-scrollbar-track{background:linear-gradient(#333,#1e1e1e);border-radius:10px;box-shadow:inset 0 0 5px #000000b3}body::-webkit-scrollbar-thumb{background:linear-gradient(#7c4dff,#6200ea);border:2px solid #1e1e1e;border-radius:10px;transition:background-color .3s,box-shadow .3s;box-shadow:inset 0 0 5px #000000b3}body::-webkit-scrollbar-thumb:hover{background-color:#bb86fc;box-shadow:inset 0 0 8px #000000e6}body::-webkit-scrollbar-corner{background-color:#333}.scrollable-element{scrollbar-width:thin;scrollbar-color:#6200ea #333;overflow-y:auto}