*{padding:0;margin:0;box-sizing:border-box}body{background-color:#0e0c16;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}.homepage{display:flex;align-items:center;gap:100px;height:100%}@media screen and (max-width: 1024px){.homepage{flex-direction:column;gap:0px}}.homepage .left{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.homepage .left h1{font-size:128px;background:linear-gradient(to right,#00c6ff,#0072ff);background-clip:text;-webkit-background-clip:text;color:transparent}@media screen and (max-width: 1280px){.homepage .left h1{font-size:64px}}.homepage .left h3{font-weight:400;max-width:70%;background:linear-gradient(to right,#00c6ff,#0072ff);background-clip:text;-webkit-background-clip:text;color:transparent}@media screen and (max-width: 1024px){.homepage .left h3{max-width:100%}}.homepage .left a{padding:15px 25px;background-color:#217bfe;color:#fff;border-radius:20px;font-size:14px;margin-top:20px}.homepage .left a:hover{background-color:#fff;color:#217bfe}.homepage .terms{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:20px}.homepage .terms img{width:25px;height:25px}.homepage .terms .links{display:flex;gap:10px;color:#888;font-size:10px}.dashboardPage{height:100%;display:flex;flex-direction:column;align-items:center}.dashboardPage .texts{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:50%;gap:50px}.dashboardPage .texts .logo{display:flex;align-items:center;gap:20px;opacity:.2}.dashboardPage .texts .logo img{width:64px;height:64px}.dashboardPage .texts .logo h1{font-size:64px;background:linear-gradient(to right,#217bfe,#e55571);background-clip:text;-webkit-background-clip:text;color:transparent}.dashboardPage .texts .options{width:100%;display:flex;align-items:center;justify-content:space-between;gap:50px}.dashboardPage .texts .options .option{flex:1;display:flex;flex-direction:column;gap:10px;font-weight:300;font-size:14px;padding:20px;border:1px solid #555;border-radius:20px}.dashboardPage .texts .options .option img{width:40px;height:40px;object-fit:cover}.dashboardPage .formContainer{margin-top:auto;width:50%;background-color:#2c2937;border-radius:20px;display:flex;align-items:center;padding:0 20px;box-shadow:0 4px 8px #0003}.dashboardPage .formContainer form{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:10px}.dashboardPage .formContainer form input{flex:1;padding:20px;background-color:transparent;border:none;outline:none;color:#ececec}.dashboardPage .formContainer form button,.dashboardPage .formContainer form label{border-radius:50%;background-color:#605e68;border:none;padding:10px;display:flex;align-items:center;justify-content:center;cursor:pointer}.dashboardPage .formContainer form button img,.dashboardPage .formContainer form label img{width:16px;height:16px}.chatPage{height:100%;display:flex;flex-direction:column;align-items:center;position:relative}.chatPage .wrapper{flex:1;overflow-y:scroll;width:100%;display:flex;justify-content:center}.chatPage .wrapper .chat{width:50%;display:flex;flex-direction:column;gap:20px}.chatPage .wrapper .chat p,.chatPage .wrapper .chat li{margin:10px 0}.chatPage .wrapper .chat .message{padding:20px}.chatPage .wrapper .chat .message.user{background-color:#2c2937;border-radius:20px;max-width:80%;align-self:flex-end}.endChat{padding-bottom:100px}.newForm{width:50%;position:absolute;bottom:0;background-color:#2c2937;border-radius:20px;display:flex;align-items:center;gap:20px;padding:0 20px}.newForm input{flex:1;padding:20px;border:none;outline:none;background-color:transparent;color:#fff}.newForm button,.newForm label{border-radius:50%;background-color:#605e68;border:none;padding:10px;display:flex;align-items:center;justify-content:center;cursor:pointer}.newForm button img,.newForm label img{width:16px;height:16px}.rootLayout{padding:16px 64px;height:100vh;display:flex;flex-direction:column}.rootLayout header{display:flex;align-items:center;justify-content:space-between}.rootLayout header .logo{display:flex;align-items:center;font-weight:700;gap:8px}.rootLayout header .logo img{width:50px;height:50px}.rootLayout main{flex:1;overflow:hidden}.dashboardLayout{display:flex;gap:50px;padding-top:20px;height:100%}.dashboardLayout .menu{flex:1}.dashboardLayout .content{flex:4;background-color:#12101b}.chatList{display:flex;flex-direction:column;height:100%}.chatList hr{border:none;height:2px;background-color:#ddd;opacity:.1;border-radius:5px;margin:20px 0}.chatList .title{font-weight:600;font-size:10px;margin-bottom:10px}.chatList .list{display:flex;flex-direction:column;overflow-y:scroll}.chatList a{padding:10px;border-radius:10px}.chatList a:hover{background-color:#2c2937}.chatList .upgrade{margin-top:auto;display:flex;align-items:center;gap:10px;font-size:12px}.chatList .upgrade img{width:24px;height:24px}.chatList .upgrade .texts{display:flex;flex-direction:column}.chatList .upgrade .texts span:first-child{font-weight:600}.chatList .upgrade .texts span:last-child{color:#888}.signInPage,.signUpPage{height:100%;display:flex;align-items:center;justify-content:center}