@import url(https://fonts.googleapis.com/css2?family=Tangerine:wght@700&family=Cinzel+Decorative:wght@700&family=Marcellus+SC&display=swap);*{box-sizing:border-box;font-family:Marcellus SC,serif;margin:0;padding:0}body{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.App{max-width:500px;padding:20px;width:100%}.joinChatContainer{animation:slideUp .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff2e;border-radius:20px;box-shadow:0 8px 32px 0 #1f26875e;font-family:Cinzel Decorative,cursive;font-size:2.5rem;padding:2rem}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.joinChatContainer h3{color:#fff;font-size:1.8rem;font-weight:600;letter-spacing:2px;margin-bottom:1.5rem;text-align:center;text-transform:uppercase}.joinChatContainer input{background:#ffffff1a;border:1px solid #fff3;border-radius:25px;color:#fff;height:50px;margin-bottom:1rem;padding:0 1.5rem;transition:all .3s ease;width:100%}.joinChatContainer input::placeholder{color:#ffffffb3}.joinChatContainer input:focus{background:#fff3;box-shadow:0 0 10px #fff3;outline:none}.joinChatContainer button{background:linear-gradient(45deg,#ff6b6b,#ff8e8e);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;height:50px;letter-spacing:1px;margin-top:1rem;text-transform:uppercase;transition:all .3s ease;width:100%}.joinChatContainer button:hover{background:linear-gradient(45deg,#ff5252,#ff7676);box-shadow:0 5px 15px #ff6b6b66;transform:translateY(-2px)}@media (max-width:480px){.joinChatContainer{margin:1rem;padding:1.5rem}.joinChatContainer h3{font-size:1.5rem}}
/*# sourceMappingURL=main.c0ea9823.css.map*/