.homepage{display:flex;gap:100px;height:100%;justify-content:center;align-items:center}@media screen and (max-width:1024px){.homepage{flex-direction:column;gap:0px}}.homepage .orbital{position:absolute;bottom:0;left:0;opacity:.05;pointer-events:none;animation:50s linear infinite rotateOrbital}.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:100px;background:linear-gradient(to right,#217bfe,#e55571);-webkit-background-clip:text;color:transparent}@media screen and (max-width:1288px){.homepage .left h1{font-size:64px}}.homepage .left h3{max-width:70%;font-weight:400}@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;cursor:pointer}.homepage .right{flex:1;display:flex;justify-content:center;align-items: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(/bg.png);opacity:.2;width:200%;height:100%;background-size:auto 100%;animation:infinite 8s alternate ease-in-out slideBg}.homepage .right .imgContainer .bot{width:100%;height:100%;object-fit:contain;animation:alternate 2s ease-in-out infinite 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:1288px){.homepage .right .imgContainer .chat{right:0}}.homepage .right .imgContainer .chat img{width:32px;height:32px;border-radius:50%;object-fit:cover}.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%)}}.dashboardPage{height:100%;display:flex;flex-direction:column;align-items:center}.dashboardPage .texts{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;width:80%;gap:50px}.dashboardPage .texts .logo{display:flex;align-items:center;gap:20px;opacity:.2}.dashboardPage .texts .logo img{height:64px;width:64px}.dashboardPage .texts .logo h1{font-size:64px;background:linear-gradient(to right,#217bfe,#e55571);-webkit-background-clip:text;color:transparent}@media screen and (max-width:1288px){.dashboardPage .texts .logo h1{font-size:64px}}.dashboardPage .texts .options{width:100%;display:flex;align-items:center;gap:50px;justify-content:space-between}.dashboardPage .texts .options .option{flex:1;display:flex;flex-direction:column;gap:10px;font-weight:300;font-size:14px;background:transparent;padding:20px;border:1px solid #555;border-radius:20px}.dashboardPage .texts .options .option img{height:40px;width:40px;object-fit:cover}.dashboardPage .formContainer{margin-top:auto;width:70%;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;justify-content:center;align-items: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%;height:100%;padding:20px;display:flex;justify-content:center}.chatPage .wrapper::-webkit-scrollbar{display:none}.chatPage .wrapper .chat{width:92%;display:flex;flex-direction:column;gap:20px}.chatPage .wrapper .chat p,.chatPage .wrapper .chat li{margin:10px 0}.chatPage .wrapper .chat .modeldiv{width:fit-content;max-width:90%;height:fit-content;display:flex;justify-content:flex-start;align-items:flex-start;gap:10px;align-self:flex-start}.chatPage .wrapper .chat .modeldiv .message{padding:0 10px}.chatPage .wrapper .chat .modeldiv .gpticon{background-color:#888;border-radius:50%;padding:10px;margin-top:10px;align-self:flex-start;display:flex;justify-content:center;align-items:center;color:#2c2937;height:32px;width:32px}.chatPage .wrapper .chat .userdiv{height:fit-content;width:fit-content;max-width:90%;justify-content:center;align-items:center;gap:10px;display:flex;flex-direction:row-reverse;align-self:flex-end}.chatPage .wrapper .chat .userdiv .message{padding:0 10px}.chatPage .wrapper .chat .userdiv .message.user{background-color:#2c2937;border-radius:20px;width:fit-content}.chatPage .wrapper .chat .userdiv .usericon{padding:10px 0;display:flex;align-self:flex-start;justify-content:center;align-items:center}.chatPage .wrapper .chat .userdiv .usericon img{border-radius:50%;height:32px;width:32px}.endChat{padding-bottom:80px}.newForm{width:70%;position:absolute;bottom:0;background-color:#2c2937;border-radius:20px;display:flex;align-items:center;gap:20px;padding:0 20px}.newForm button,.newForm label{background-color:#605e68;border-radius:50%;border:none;cursor:pointer;padding:10px;display:flex;justify-content:center;align-items:center}.newForm button img,.newForm label img{height:16px;width:16px;object-fit:cover;border-radius:50%}.newForm input{flex:1;padding:20px;border:none;outline:none;background-color:transparent;color:#ececec}.spinner{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.loader{height:60px;aspect-ratio:1;position:relative}.loader:before,.loader:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;transform-origin:bottom}.loader:after{background:radial-gradient(at 75% 15%,#fffb,#0000 35%),radial-gradient(at 80% 40%,#0000,#0008),radial-gradient(circle 5px,#fff 94%,#0000),radial-gradient(circle 10px,#000 94%,#0000),linear-gradient(#f93318 0,#f93318 0) top /100% calc(50% - 5px),linear-gradient(#fff 0,#fff 0) bottom/100% calc(50% - 5px) #000;background-repeat:no-repeat;animation:l20 1s infinite cubic-bezier(.5,120,.5,-120)}@keyframes l20{30%,70%{transform:rotate(0)}49.99%{transform:rotate(.2deg)}50%{transform:rotate(-.2deg)}}.spinne{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.loade{width:60px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side,#000 90%,#0000);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:calc(100%/3) 50%;animation:l3 1s infinite linear}@keyframes l3{20%{background-position:0% 0%,50% 50%,100% 50%}40%{background-position:0% 100%,50% 0%,100% 50%}60%{background-position:0% 50%,50% 100%,100% 0%}80%{background-position:0% 50%,50% 50%,100% 100%}}.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:32px;height:32px}.rootLayout main{overflow:hidden;flex:1}.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;border-radius:5px;height:2px;background-color:#ddd;opacity:.1;margin:20px 0}.chatList .title{font-weight:600;font-size:10px;margin-bottom:10px}.chatList .list{display:flex;flex-direction:column;overflow:scroll}.chatList .list::-webkit-scrollbar{display:none}.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 span:first-child{font-weight:600}.chatList .upgrade span:last-child{color:#888}.signinPage,.signupPage{height:100%;display:flex;align-items:center;justify-content:center}@tailwind base;@tailwind components;@tailwind utilities;*{box-sizing:border-box;padding:0;margin:0}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}