*{padding:0;margin:0;box-sizing:border-box}body{background-color:#4a4a4a;color:#ececec;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}a{text-decoration:none;color:inherit}.home{display:flex;flex-direction:column;align-items:center;gap:30x;height:100%}.home .left{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;width:100%;height:199%;margin-bottom:10px}.home .left h1{font-size:50px;background:linear-gradient(to right,#140e2d,#f06c48);background-clip:text;-webkit-background-clip:text;color:transparent}.home .left h4{font-weight:400;min-width:70%}.home .left a{padding:15px 25px;background-color:#217bfe;color:#fff;border-radius:20px;font-size:14px;margin-top:20px}.home .left a:hover{background-color:#fff;color:#217bfe}.home .right{flex:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.home .right .imgContainer{width:70%;height:70%;display:flex;align-items:center;justify-content:center;background-color:#140e2d;border-radius:50px;animation:5s ease infinite alternate imgContAnimation}.home .right .imgContainer .bgContainer{width:100%;height:100%;border-radius:50px}.home .right .imgContainer .bgContainer .bg{background-image:url(/star.jpg);opacity:.008;width:200%;height:100%;background-size:auto 100%;animation:8s ease-in-out infinite alternate slideBg}.home .right .imgContainer .bot{width:80%;height:100%;object-fit:contain;animation:3s ease-in-out infinite alternate botAnimate}.home .terms{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:20px}.home .terms img{width:16px;height:16px}.home .terms .copyright{display:flex;gap:10px;color:#888;font-size:10px}@keyframes botAnimate{0%{transform:scale(1) rotate(0)}to{transform:scale(1.1) rotate(-5deg)}}@keyframes slideBg{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes imgContAnimation{0%{transform:translateY(-50px)}to{transform:translateY(-10px)}}@media screen and (min-width:900px){.home{flex-direction:row}.home .left h1{font-size:78px}@keyframes imgContAnimation{0%{transform:translateY(-70px)}to{transform:translateY(100px)}}}@media screen and (max-width:300px){.home .left h1{font-size:25px}.home .left h2{font-size:20px;min-width:70%}.home .left h4{font-weight:400;font-size:15px;min-width:70%}}.dashboard{height:100%;display:flex;flex-direction:column;align-items:center}.dashboard .headingContainer{display:flex;align-items:center;gap:20px;opacity:.2;margin-top:30px}.dashboard .headingContainer img{width:100px}.dashboard .headingContainer h1{font-size:40px;background:linear-gradient(to right,#140e2d,#f06c48);background-clip:text;-webkit-background-clip:text;color:transparent}.dashboard .formContainer{margin-top:auto;width:90%;background-color:#4a4a4a;border-radius:20px;display:flex;margin-bottom:40px}.dashboard .formContainer form{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:5px}.dashboard .formContainer form input{flex:1;padding:20px;background-color:transparent;border:none;outline:none;color:#ececec}.dashboard .formContainer form button{background-color:#217bfe;color:#fff;border-radius:50%;border:none;cursor:pointer;padding:10px;display:flex;align-items:center;justify-content:center;margin-right:20px}.dashboard .formContainer form button:hover{background-color:#fff;color:#217bfe}.dashboard .formContainer form button .dashboardArrow{font-size:20px}@media screen and (min-width:900px){.dashboard .formContainer{margin-bottom:20px;width:50%}}@media screen and (max-width:500px){.dashboard .headingContainer{gap:5px;padding:5px}.dashboard .headingContainer img{width:30px}.dashboard .headingContainer h1{font-size:25px;text-align:center}.dashboard .formContainer{width:97%}.dashboard .formContainer form{justify-content:space-around;gap:1px}.dashboard .formContainer form input{width:70%;padding:20px}.dashboard .formContainer form button{background-color:#217bfe;color:#fff;margin-right:3px}.dashboard .formContainer form button:hover{background-color:#fff;color:#217bfe}.dashboard .formContainer form button .dashboardArrow{font-size:15px}}.mainChatPage{height:100%;display:flex;flex-direction:column;align-items:center;position:relative}.mainChatPage .wrapper{flex:1;overflow:scroll;width:100%;display:flex;justify-content:center;padding-top:10px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgb(76,75,75);overflow-x:hidden}.mainChatPage .wrapper .chat{width:50%;display:flex;flex-direction:column;gap:20px}.mainChatPage .wrapper .chat p,.mainChatPage .wrapper .chat li{margin:10px 0}.mainChatPage .wrapper .chat .message{padding:20px}.mainChatPage .wrapper .chat .message.user{background-color:#4a4a4a;border-radius:20px;max-width:80%;align-self:flex-end}.endChat{padding-bottom:100px}.newForm{position:absolute;margin-bottom:26.5px;bottom:0;width:80%;background-color:#464545;border-radius:20px;display:flex;align-items:center;gap:1px;padding:0 20px;align-self:center}.newForm input{flex:1;padding:20px;border:none;outline:none;background-color:transparent;color:#ececec}.newForm button{margin-right:40px}.newForm button,.newForm label{background-color:#217bfe;border-radius:50%;border:none;padding:10px;display:flex;align-items:center;justify-content:center;cursor:pointer}.newForm button:hover,.newForm label:hover{background-color:#fff;color:#217bfe}.newForm button .newPropmtArrow,.newForm label .newPropmtArrow{font-size:20px}@media screen and (min-width:900px){.newForm{width:50%;margin-bottom:0}.newForm button{margin-right:25px}}@media screen and (max-width:500px){.newForm{width:97%;margin:0,1px;margin-bottom:0;justify-content:space-around;gap:1px}.newForm input{width:70%;padding:20px;border:none;outline:none;background-color:transparent;color:#ececec}.newForm button{margin-right:1px}}.rootLayout{padding:16px 64px;height:100vh;display:flex;flex-direction:column}.rootLayout header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.rootLayout header .logo{display:flex;align-items:center;font-weight:700;gap:8px}.rootLayout header .logo img{width:32px;height:32px}.rootLayout header .logout{background-color:#f08080;padding:5px;border-radius:3px;cursor:pointer}.rootLayout main{flex:1;overflow:hidden}@media screen and (min-width:900px){.rootLayout{padding:16px 64px}}@media screen and (max-width:500px){.rootLayout{padding:10px}}.dashboardLayout{padding-top:20px;height:100%;position:relative}.dashboardLayout .mobileMenuBars{display:flex;margin-bottom:10px}.dashboardLayout .mobileMenu{position:absolute;top:20;bottom:10;height:90%;width:80%;padding:10px;background-color:#4a4a4a;display:flex;z-index:1;border:1px solid rgb(174,173,173)}.dashboardLayout .menu{display:none}.dashboardLayout .content{background-color:#606065;height:100%}@media screen and (min-width:900px){.dashboardLayout{display:flex;flex-direction:row;gap:50px}.dashboardLayout .mobileMenuBars,.dashboardLayout .mobileMenu{display:none}.dashboardLayout .menu{display:flex;flex:1}.dashboardLayout .content{flex:4;background-color:#606065}}.chatTitle{display:flex;flex-direction:column;height:100%}.chatTitle hr{border:none;height:2px;background-color:#ddd;opacity:.1;border-radius:5px;margin:20px 0}.chatTitle .title{font-weight:600;font-size:10px;margin-bottom:10px}.chatTitle .list{display:flex;flex-direction:column;overflow:scroll;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgb(76,75,75);overflow-x:hidden}.chatTitle a{padding:10px;border-radius:10px}.chatTitle a:hover{background-color:#606065}.chatTitle .upgrade{margin-top:auto;display:flex;align-items:center;gap:10px;font-size:12px}.chatTitle .upgrade img{width:24px;height:24px}.chatTitle .upgrade .texts{display:flex;flex-direction:column}.chatTitle .upgrade .texts span:first-child{font-weight:600}.chatTitle .upgrade .texts span:last-child{color:#888}.login{min-height:calc(100vh - 80px);display:flex;flex-direction:column;align-items:center;justify-content:center}.login-title{font-size:50px}.login-form{margin-top:20px;display:flex;flex-direction:column}.login-form>Label{margin:10px 0}.login-input{padding:10px;background-color:#fff;border:none}.login-button{margin-top:20px;cursor:pointer;background-color:#f08080;border:none;color:#fff;border-radius:10px;padding:10px}.login-button:disabled{cursor:not-allowed;background-color:coral}.login-register-button{position:absolute;top:90px;right:20px;color:red;background-color:teal;cursor:pointer;border:none;padding:10px;border-radius:10px}.login-register-button>.link{color:#fff}.register{min-height:calc(100vh - 80px);display:flex;flex-direction:column;align-items:center;justify-content:center}.register-title{font-size:50px}.register-form{margin-top:20px;display:flex;flex-direction:column}.register-form>Label{margin:10px 0}.register-input{width:150px;padding:10px;background-color:#fff;border:none}.register-button{width:160px;margin-top:20px;cursor:pointer;background-color:teal;border:none;color:#fff;border-radius:10px;padding:10px}.register-login-button{position:absolute;top:90px;right:20px;background-color:#f08080;cursor:pointer;border:none;padding:10px;color:#fff;border-radius:10px}.register-login-button>.link{color:#fff}