*{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;flex-direction:column;align-items:center;width:100%;position:relative;min-height:100%}@media screen and (max-width: 1024px){.homepage{flex-direction:column;gap:0px}}.homepage .hero-content{display:flex;align-items:center;justify-content:center;gap:100px;width:100%;padding:40px 0}@media screen and (max-width: 1024px){.homepage .hero-content{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,#217bfe,#e55571);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%}@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 .right{flex:1;display:flex;align-items:center;justify-content:center;height:100%}.homepage .right .imgContainer{display:flex;align-items:center;justify-content:center;background-color:#140e2d;border-radius:50px;width:80%;height:50%;position:relative}.homepage .right .imgContainer .bgContainer{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0;border-radius:50px}.homepage .right .imgContainer .bgContainer .bg{background-image:url(/chat/bg.png);opacity:.2;width:200%;height:100%;background-size:auto 100%;animation:8s ease-in-out infinite alternate slideBg}.homepage .right .imgContainer .bot{width:100%;height:100%;object-fit:contain;animation:3s ease-in-out infinite alternate botAnimate}.homepage .right .imgContainer .chat{position:absolute;bottom:-30px;right:-50px;display:flex;align-items:center;gap:10px;padding:20px;background-color:#2c2937;border-radius:10px}@media screen and (max-width: 1024px){.homepage .right .imgContainer .chat{display:none}}@media screen and (max-width: 1280px){.homepage .right .imgContainer .chat{right:0}}.homepage .right .imgContainer .chat img{width:32px;height:32px;border-radius:50%;object-fit:cover}.homepage .orbital{position:absolute;bottom:0;left:0;opacity:.05;animation:100s linear infinite rotateOrbital;z-index:-1}.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:16px;height:16px}.homepage .terms .links{display:flex;gap:10px;color:#888;font-size:10px}@keyframes rotateOrbital{0%{transform:rotate(0)}to{transform:rotate(60deg)}}@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%)}}.team-section,.partners-section{text-align:center;padding:40px 20px}.team-section h2,.partners-section h2{font-size:2rem;margin-bottom:30px}.team-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;color:#140e2d}.team-card{background-color:#f9f9f9;border-radius:16px;padding:20px;width:180px;box-shadow:0 4px 10px #0000001a;text-align:center}.team-card img{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:15px}.team-card h4{font-size:1.1rem;margin-bottom:5px}.team-card p{font-size:.9rem;color:#666}.partners-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;margin-top:20px}.partners-logos img{height:100px;max-width:190px;object-fit:contain;filter:grayscale(100%);transition:filter .3s ease}.break{height:70px}.partners-logos img:hover{filter:grayscale(0%)}.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}.dashboardPage .formContainer form{width:100%;height: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{background-color:#605e68;border-radius:50%;border:none;cursor:pointer;padding:10px;display:flex;align-items:center;justify-content:center;margin-right:20px}.dashboardPage .formContainer form button img{width:16px;height:16px}.chatPage{height:100%;display:flex;flex-direction:column;align-items:center;position:relative}.chatPage .wrapper{flex:1;overflow: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:#ececec}.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:37px;height:32px}.rootLayout main{flex:1;overflow-y:auto;overflow-x: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: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}.contacts-page{max-width:1200px;margin:0 auto;padding:60px 20px;font-family:Segoe UI,sans-serif}.contacts-page h1{text-align:center;font-size:3rem;margin-bottom:10px}.subtitle{text-align:center;font-size:1rem;color:#555;margin-bottom:40px}.contact-content{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.contact-info{flex:1;min-width:250px;max-width:400px;background:#f5f5f5;padding:30px;border-radius:16px;box-shadow:0 4px 12px #0000000d}.contact-info h2{margin-bottom:20px;font-size:1.5rem;color:#000}.contact-info p{margin-bottom:12px;color:#333}.contact-form{flex:1;min-width:300px;max-width:600px;display:flex;flex-direction:column;gap:16px}.contact-form h2{font-size:1.5rem;margin-bottom:10px}.contact-form input,.contact-form textarea{padding:12px;border:1px solid #ccc;border-radius:8px;font-size:1rem;resize:vertical;transition:border-color .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:#217bfe;outline:none}.contact-form button{padding:14px;background-color:#217bfe;color:#fff;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s}.contact-form button:hover{background-color:#105dd8}
