body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f0f0f0}header{background-color:#333;color:#fff;padding:10px 20px}header h1{margin:0;font-size:24px}nav{margin-top:10px}nav a{color:#fff;text-decoration:none;margin-right:10px;padding:8px 12px;border-radius:3px;transition:background-color .3s ease}nav a:hover{background-color:#555}.landing-page{display:flex;justify-content:center;align-items:center;height:100vh}.landing-content{color:#fff;text-align:center;width:100%;max-width:100%;padding:0 70px}.ml6{font-size:20px;color:#fff}.ml9{font-size:8em;text-align:center}.head-to-store-btn{display:inline-block;padding:10px 20px;font-size:16px;text-decoration:none;color:purple;border:1px solid white;transition:background-color .3s ease}.head-to-store-btn:hover{background-color:#fff;color:#000}.landing-cube{position:absolute;top:20px;left:50%;transform:translate(-50%);width:100px;height:100px;background-color:#fffc;border:1px solid white;transform-style:preserve-3d;animation:spin 5s linear infinite}@keyframes spin{0%{transform:translate(-50%) rotateX(0) rotateY(0) rotate(0)}to{transform:translate(-50%) rotateX(360deg) rotateY(360deg) rotate(360deg)}}.store-page{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#6a0dad;padding:20px;overflow:hidden}.store-content{text-align:center;opacity:0;width:100%}.store-content h1{font-size:3em;margin-bottom:20px;color:#fff}.store-content p{font-size:1.2em;margin-bottom:20px;color:#fff}.button-group{display:flex;justify-content:center;align-items:center;margin-top:20px;margin-bottom:20px}.back-btn,.explore-btn{background-color:#fff;color:#6a0dad;border:none;padding:10px 20px;font-size:1em;cursor:pointer;border-radius:5px;transition:background-color .3s ease,color .3s ease}.back-btn:hover,.explore-btn:hover{background-color:#6a0dad;color:#fff}.search-bar-container{position:relative;display:flex;flex-direction:column;align-items:center;transition:all .3s ease;margin-top:20px}.search-bar{width:100%;max-width:400px;padding:10px;font-size:1em;border:1px solid #ccc;border-radius:25px;outline:none;transition:all .3s ease}.search-bar:focus{border-color:#fff}.suggestions{position:absolute;top:100%;left:0;z-index:1000;width:100%;background-color:#fff;list-style-type:none;padding:0;margin:0;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 6px #0000001a}.suggestions li{padding:10px;cursor:pointer;transition:background-color .3s ease}.suggestions li:hover{background-color:#f0f0f0}.button-space{width:20px}@media (max-width: 600px){.store-content h1{font-size:2em}.store-content p{font-size:1em}.search-bar{width:80%}}body,html{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}.products-page{display:flex;flex-direction:column;align-items:center;min-height:100vh;background-color:#6a0dad;color:#fff;padding:20px}.header{display:flex;margin-top:18px;justify-content:space-between;align-items:center;width:70%;max-width:1000px;padding:20px;background-color:#ffffff1a;border-radius:50px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.header:hover{transform:scale(1.05)}.logo{font-size:2.5em;font-weight:700;cursor:pointer;transition:color .3s ease}.header-link{color:#fff;text-decoration:none;font-size:1.2em;display:inline-block;padding:5px 10px;border-radius:15px}.header-link:hover{color:gray;border:2px solid blue;background-color:transparent}.products-content{width:100%;max-width:1200px;padding:20px;margin-top:180px;display:flex;flex-direction:column;align-items:center}.section{width:100%;padding:20px;margin-bottom:20px;background-color:#ffffff1a;border-radius:20px;box-shadow:0 4px 6px #0000001a}.section-title{font-size:2em;margin-bottom:10px}.section-content{font-size:1.2em;line-height:1.6}.staff-section{text-align:center}.staff-members{display:flex;justify-content:center;gap:20px;margin-top:20px}.avatar-container{width:100px;height:100px;overflow:hidden;border-radius:50%;border:2px solid white}.avatar{width:100%;height:100%;object-fit:cover}@media (max-width: 800px){.header{flex-direction:column;align-items:center}.logo{font-size:2em;margin-bottom:10px}.header-links{gap:10px}.header-link{font-size:1em}.section-title{font-size:1.8em}.section-content{font-size:1em}}@media (max-width: 600px){.logo{font-size:1.8em}.header-link{font-size:.8em}.section-title{font-size:1.5em}.section-content{font-size:.9em}}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f0f0f0}.ai-chat-page{display:flex;flex-direction:column;align-items:center;min-height:100vh}.header{width:100%;background-color:#6a0dad;color:#fff;padding:10px 0;box-shadow:0 2px 4px #0000001a;position:fixed;top:0;z-index:100}.header-inner{display:flex;justify-content:space-between;align-items:center;width:90%;max-width:1200px;margin:0 auto}.logo{font-size:1.8em;font-weight:700}.header-links{display:flex;gap:20px}.header-link{color:#fff;text-decoration:none;font-size:1.2em;transition:color .3s ease}.header-link:hover{color:#f0f0f0}.chat-container{width:100%;max-width:800px;background-color:#fff;box-shadow:0 2px 4px #0000001a;border-radius:10px;margin-top:380px;padding:20px;display:flex;flex-direction:column;align-items:center}.chat-messages{flex:1;overflow-y:auto;width:100%;padding:10px}.message{padding:10px;margin-bottom:10px;border-radius:10px;max-width:70%}.user{background-color:#6a0dad;color:#fff;align-self:flex-end}.ai{background-color:#f0f0f0;color:#333;border-radius:10px;padding:10px;margin-bottom:10px;align-self:flex-start;max-width:70%;word-wrap:break-word}.input-container{display:flex;justify-content:center;align-items:center;width:100%;padding:20px;background-color:#f0f0f0}.input-field{flex:1;padding:10px;margin-right:10px;border:1px solid #ccc;border-radius:5px;font-size:1em;outline:none}.send-button{background-color:#6a0dad;color:#fff;border:none;padding:10px 20px;font-size:1em;cursor:pointer;border-radius:5px;transition:background-color .3s ease,color .3s ease}.send-button:hover{background-color:#fff;color:#6a0dad}.floating-window{position:fixed;bottom:20px;right:20px;width:300px;max-width:90%;background-color:#fff;box-shadow:0 2px 10px #00000026;border-radius:10px;z-index:200;transition:transform .3s ease-in-out}.floating-window-header{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#6a0dad;color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;cursor:move}.floating-window-body{padding:10px;max-height:400px;overflow-y:auto}.close-button{background:none;border:none;color:#fff;font-size:1.2em;cursor:pointer}.coming-soon{text-align:center;margin-top:20vh}.coming-soon h1{font-size:2em;color:#6a0dad;margin-bottom:10px}.coming-soon p{font-size:1.2em;color:#333}.center-button-container{display:flex;justify-content:center;margin-top:20px}.error-message{color:red;margin-top:10px}.resizable-container{width:100%;height:100%;resize:both;overflow:auto;border:1px solid #ccc;border-radius:5px}.resizable-content{width:100%;height:100%;padding:10px}body,html{margin:0;padding:0;height:100%;width:100%;background-color:#6a0dad;display:flex;justify-content:center;align-items:center;overflow:auto}.app-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.landing-page,.store-page{text-align:center;height:100vh;display:flex;flex-direction:column;justify-content:center;transition:background-color .5s ease}.landing-content{max-width:800px;margin:0 auto;padding:20px}.landing-text{font-size:3em;font-weight:700;color:#fff;opacity:1;display:inline-block;position:relative;transform-origin:50% 50%}.letter{display:inline-block;line-height:1em}.vector-carousel{margin-top:50px;display:flex;justify-content:center;overflow:hidden}.vector-carousel img{width:200px;height:200px;margin:0 10px;border-radius:50%;box-shadow:0 0 10px #0000004d;transform:translate(200px);opacity:0}.head-to-store-btn{background-color:#fff;color:#6a0dad;border:none;padding:10px 20px;font-size:1em;cursor:pointer;outline:none;margin-top:20px;border-radius:5px;transition:background-color .3s ease,color .3s ease}.head-to-store-btn:hover{background-color:#6a0dad;color:#fff}.not-found-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:transparent;color:#fff;font-family:Arial,sans-serif}.ml16{font-weight:800;font-size:3.8em;text-transform:uppercase;letter-spacing:.5em;overflow:hidden;margin-bottom:20px}.ml16 .word{display:inline-block;line-height:1em}.modal-button{background-color:#ff93c9;color:#fff;border:none;padding:10px 20px;font-size:1.2em;cursor:pointer;margin-top:20px}.modal-button:hover{background-color:#ff6b9d}.youtube-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;outline:none;border-radius:8px;max-width:600px;width:100%}.youtube-modal h2{margin-bottom:10px}.youtube-modal form{display:flex;flex-direction:column;align-items:center}.youtube-modal input[type=text]{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px;font-size:1em}.youtube-modal button{background-color:#ff93c9;color:#fff;border:none;padding:10px 20px;font-size:1em;cursor:pointer;margin-top:10px}.youtube-modal button:hover{background-color:#ff6b9d}.video-container{margin-top:20px}
