body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.body-container{padding:20px 0!important}.options-grid{margin-top:20px!important}.option-card{height:100%;transition:transform .2s}.option-card:hover{transform:translateY(-5px)}.start-button{margin-top:10px!important;width:100%}.feature-card{background-color:#1e1e1e;border-radius:12px;box-shadow:0 4px 10px #0003;color:#fff;text-align:center;transition:transform .3s}.feature-card:hover{transform:scale(1.05)}.testimonial-card{transition:transform .3s ease}.testimonial-card:hover{transform:scale(1.05)}.join-container{background:#8a2be2;border-radius:10px;box-shadow:0 0 10px #0000001a;padding:2rem;width:100%}.join-container h2{color:#ff0;margin-bottom:35px;text-align:center}.join-container form{display:flex;flex-direction:column;gap:1rem}.join-container input{border:1px solid #ddd;border-radius:5px;font-size:1rem;padding:.8rem}.join-container button{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem}.chat-container{background:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;display:flex;height:80vh;margin-bottom:3rem;margin-top:5rem;max-width:1200px;overflow:hidden;width:100%}.sidebar{background:#f8f9fa;border-right:1px solid #ddd;padding:1rem;width:250px}.sidebar ul{list-style:none;margin-top:1rem}.sidebar li{background:#e9ecef;border-radius:5px;margin-bottom:.5rem;padding:.5rem}.main-chat{display:flex;flex:1 1;flex-direction:column}.messages{flex:1 1;overflow-y:auto;padding:1rem}.message{border-radius:10px;margin-bottom:1rem;max-width:50%;padding:.8rem}.message.sent{background:#007bff;color:#fff;margin-left:auto}.message.received{background:#e9ecef;margin-right:auto}.message .user{display:block;font-size:1rem;font-weight:700;margin-bottom:.5rem}.message .time{display:block;font-size:.7rem;margin-top:.5rem;opacity:.7}.main-chat form{border-top:1px solid #ddd;display:flex;gap:1rem;padding:1rem}.main-chat input{border:1px solid #ddd;border-radius:5px;flex:1 1;padding:.8rem}.main-chat button{background:#007bff;padding:.8rem 1.5rem}.leave-button,.main-chat button{border:none;border-radius:5px;color:#fff;cursor:pointer}.leave-button{background:#dc3545;font-size:1rem;margin-top:1rem;padding:.8rem;width:100%}.leave-button:hover{background:#c82333}.user-status{animation:pulse 1.5s infinite;background-color:#08b608;border-radius:50%;display:inline-block;height:10px;margin-left:8px;width:10px}@keyframes pulse{0%{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1)}to{opacity:.7;transform:scale(.95)}}.blur-background{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:100}.popup-container{background:#8a2be2;border-radius:10px;box-shadow:0 0 20px #0003;left:50%;max-width:90%;padding:2rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:400px;z-index:101}.close-popup-button{background:none;border:none;color:#ff4500;cursor:pointer;font-size:2.5rem;line-height:1;padding:0;position:absolute;right:10px;top:10px}.close-popup-button:hover{color:#333}.fullscreen-loader{align-items:center;background-color:#ffffffe6;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{margin-top:10px}*{box-sizing:border-box;margin:0;padding:0}.app-container{background-color:#bbb0f0;display:flex;flex-direction:column;min-height:100vh}.body-container{flex:1 1;overflow-y:auto;padding-top:80px}.bubble-loader-container{background-color:#f4f4f4;flex-direction:column;height:100vh}.bubble-loader,.bubble-loader-container{align-items:center;display:flex;justify-content:center}.bubble{animation:bounce 1.4s ease-in-out infinite;background-color:#3498db;border-radius:50%;height:12px;margin:0 4px;width:12px}.bubble:first-child{animation-delay:-.32s}.bubble:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}}.loading-text{color:#333;font-size:18px;margin-top:20px}
/*# sourceMappingURL=main.ca349382.css.map*/