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