@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;800&family=Roboto:wght@400;500;700&display=swap);:root{--font-heading:"Playfair Display",serif;--font-body:"Roboto",sans-serif;--color-primary:#2c3e50;--color-secondary:#3498db;--color-background:#f9f9f9;--color-card-bg:#fff;--color-text:#34495e;--color-muted:#7f8c8d;--spacing-base:16px;--radius:8px;--primary-gradient:linear-gradient(180deg,#49b1fb,#007dd8);--primary-blue:#1f90e2;--primary-yellow:#ffc700}body{font-family:var(--font-body);background-color:var(--color-background);color:var(--color-text);margin:0;padding:0}a{color:var(--color-secondary);text-decoration:none}a:hover{text-decoration:underline}.landing-page{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:left}h1{font-size:20px}p{font-size:16px}p,ul{padding:0;margin:0}ul{list-style:none}.app-container{display:flex;flex-direction:row;gap:20px;margin:0;margin-bottom:20px;margin-left:180px;margin-top:70px}.home{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:100%;min-height:100%}.message{display:inline-block;position:relative;max-width:80%;min-width:50px;padding:12px;margin-bottom:8px;border-radius:32px}.tail-AI{left:5px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #f2f2f2;border-top-right-radius:50%;transform:rotate(60deg)}.tail-AI,.tail-user{position:absolute;width:0;height:0;bottom:0}.tail-user{right:5px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid var(--primary-blue);transform:rotate(-45deg)}.AI{background-color:#f2f2f2;align-self:flex-start}.user{background-color:var(--primary-blue);align-self:flex-end;color:#fff}button{padding:10px;border-radius:8px}.next-button,button{display:flex;justify-content:center;align-items:center;border:none;cursor:pointer}.next-button{padding:10px 20px;background:var(--primary-gradient);color:#fff;border-radius:4px;height:60px;font-weight:700;font-size:24px;border-radius:8px;transition:.2s ease;gap:10px;box-shadow:-5px 4px 20px 0 rgba(0,0,0,.1)}.secondary{background:#f6f6f6;color:#000}.data-page{flex-direction:column}.data-page,.modal{display:flex;justify-content:center;width:100%}.modal{position:fixed;top:0;left:0;height:100%;background-color:rgba(0,0,0,.5);backdrop-filter:blur(5px);align-items:center;z-index:99}.modal-content{background-color:#fff;padding:20px;width:700px;height:500px;border-radius:32px;display:flex;flex-direction:column;max-width:90vw}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-body{margin-top:20px;display:flex;flex-direction:column;flex-grow:1}.illustration{position:fixed;bottom:0;right:0;width:60%;height:auto;z-index:-99}.multiplier{display:flex;justify-content:center;align-items:center;width:25px;height:25px;border-radius:12px;padding:12px}.dropdown,.multiplier{background:var(--primary-blue);color:#fff}.dropdown{border-radius:8px}.next-button:hover{filter:brightness(1.1);transform:scale(1.01)}.form-group input{background:#f6f6f6;box-shadow:none}input,option,select,textarea{outline:none;font-size:16px;border-radius:8px}.tooltip-component{position:absolute;left:-75px;bottom:-10px}@media screen and (min-height:1000px){.home{margin-top:12.5vh}}@media screen and (max-width:1000px){.app-container,.users-container{margin-left:50px}}@media screen and (max-width:768px){.app-container,.users-container{margin-left:0;margin-top:70px;margin-bottom:120px;flex-direction:column}}.account-container{display:flex;justify-content:center;align-items:center;width:100%;text-align:left}.account-content{width:600px;padding:20px;border-radius:10px;margin-bottom:200px}.account-header{text-align:center;margin-bottom:20px}.account-form{display:flex;flex-direction:column;gap:10px}.form-group{display:flex;margin-top:10px}.form-field{display:flex;flex-direction:column;flex:1;margin-right:10px}.form-field:last-child{margin-right:0}.form-group label{margin-bottom:5px}.credentials{margin-bottom:20px}.btn{display:flex;flex-direction:row;gap:10px;padding:10px 20px;width:145px;border-radius:8px;border:none;background:var(--primary-gradient);color:#fff;font-weight:600;cursor:pointer}.cancel{background:#f6f6f6;color:#404040}.btn+.btn{margin-left:10px}.users-container{display:flex;flex-direction:row;margin-bottom:20px;margin-left:140px;margin-top:70px}.users-page{display:flex;flex-direction:column;justify-content:center;width:100%}.invite-container{position:relative}.invite-dropdown{position:absolute;right:0;top:50px;z-index:99}input{padding:10px;box-sizing:border-box}.filter-container{display:flex;justify-content:center;align-items:center;padding-right:10px;box-sizing:border-box}.filter-container,.filter-input{background:#f6f6f6;border-radius:8px}.filter-input{box-shadow:none;width:300px;height:40px}.filter-export{flex-direction:row}.filter-export,.users-header{display:flex;justify-content:space-between}.users-header{align-items:center;margin-bottom:10px}.page-navigation{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:10px;margin-top:10px}.navigation-buttons{display:flex;gap:5px;align-items:center;border-radius:8px;padding:3px}.navigation-buttons img{width:16px;padding:8px;border-radius:8px;background:#f6f6f6;border:1px solid #d9d9d9}.list-header{flex-direction:row}.list-header,.list-left{display:flex;padding:5px}.list-left{width:100%;justify-content:space-between;gap:10px}.list-left p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item{display:flex;border-radius:8px;gap:10px;flex-direction:row;justify-content:space-between;margin-top:10px;box-sizing:border-box;padding:5px;position:relative;cursor:pointer;transition:.2s ease}.list-item:hover{transform:scale(1.01)}.list-item:nth-child(odd){background:#f6f6f6}.more-icon,.nav-button{cursor:pointer;transition:.2s ease}.more-icon:hover,.nav-button:hover{opacity:.7}.search-icon{cursor:pointer;transition:.2s ease}.search-icon:hover{opacity:.7;transform:scale(1.05)}.options{display:flex;flex-direction:column;gap:5px;width:200px;padding:10px;background:#f6f6f6;position:absolute;right:0;top:40px;z-index:100;border-radius:16px}.options h2{font-size:16px;font-weight:600;margin:0}.options p{cursor:pointer;transition:.2s ease}.options p:hover{opacity:.7}.seperator{width:100%;height:2px;background:#d9d9d9}.user-list-container{padding:20px;border-radius:16px;text-align:left;min-height:70vh;flex-direction:row;box-shadow:-5px 4px 20px 0 rgba(0,0,0,.1)}.export-container{margin-bottom:10px;max-width:400px}.add,.export,.export-container{display:flex;flex-direction:row;gap:10px}.add,.export{max-width:100%;padding:12px;height:40px;font-weight:600;border-radius:8px;transition:all .3s ease}.add:hover,.export:hover{filter:brightness(1.1)}.add img,.export img{width:12px}.add{color:#fff;background:var(--primary-blue)}.export{background:none;color:var(--primary-blue);border:2px solid var(--primary-blue)}@media screen and (max-width:768px){.users-header{flex-direction:column;align-items:baseline}.list-left{max-width:70%}.users-page{margin-left:0}.page-navigation{width:100%;justify-content:space-between}.filter-export{flex-direction:column}.export-container,.filter,.filter-container,.filter-input{width:100%;max-width:100%}.add,.export{width:100%}.export-container{margin-top:10px;justify-content:flex-end}.users-container{justify-content:center;flex-direction:column}.app-container{flex-direction:column;gap:0}.account-container{margin-top:0}.account-content{width:90%;margin-bottom:40px}.form-group{flex-direction:column}.form-field{margin-right:0}.btn{width:100%;margin-left:0}.btn+.btn{margin-left:0;margin-top:10px}}.container{max-width:900px;margin:0 auto;padding:var(--spacing-base)}.blog .blog-header{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3rem);color:var(--color-primary);margin-bottom:.5rem}.blog-list{display:grid;grid-template-columns:1fr;gap:var(--spacing-base)}@media (min-width:768px){.blog-list{grid-template-columns:1fr 1fr}}.post-card{padding:calc(var(--spacing-base)*1.5);box-shadow:0 4px 12px rgba(0,0,0,.05);transition:box-shadow .3s ease}.post-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1)}.post-card .post-title{font-family:var(--font-heading);font-size:1.5rem;color:var(--color-primary);margin-bottom:.5rem}.post-card p{color:var(--color-text);line-height:1.6}.post-card a{color:var(--color-secondary);font-weight:500}.blog .post{background:var(--color-card-bg);padding:calc(var(--spacing-base)*2);border-radius:var(--radius);box-shadow:0 4px 12px rgba(0,0,0,.05);margin:var(--spacing-base) 0}.blog .post .post-title{font-family:var(--font-heading);font-size:2rem;color:var(--color-primary);margin-bottom:.5rem}.post-meta{font-size:.875rem;margin-bottom:var(--spacing-base)}.blog-hero{background:var(--primary-gradient);color:#fff;padding:80px 0;text-align:center}.blog-hero .hero-title{font-family:var(--font-heading);font-size:48px;margin-bottom:16px}.blog-hero .hero-subtitle{font-size:20px;margin-bottom:24px}.blog-hero .subscribe-form{display:inline-flex;margin-top:16px}.blog-hero .subscribe-form input{padding:12px 20px;border-radius:4px 0 0 4px;border:none;width:300px;max-width:80%}.blog-hero .subscribe-form button{background:var(--primary-yellow);color:var(--color-primary);padding:12px 24px;border:none;border-radius:0 4px 4px 0;cursor:pointer;font-weight:500}.container.blog-content{padding:60px 0}.posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:24px}.post-card{background:var(--color-card-bg);border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s,box-shadow .3s}.post-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.15)}.card-link{color:inherit;display:block;text-decoration:none}.post-image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.card-content{padding:16px}.post-meta{font-size:14px;color:var(--color-muted);margin-bottom:8px}.post-card-title{font-family:var(--font-heading);font-size:24px;color:var(--color-primary);margin-bottom:8px}.post-excerpt{font-size:16px;color:var(--color-text)}.load-more-container{text-align:center;margin:40px 0}.load-more-button{background:var(--primary-blue);color:#fff;padding:12px 24px;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background .3s}.load-more-button:hover{background:#176299}.btn-primary{background:var(--primary-gradient);color:#fff;padding:12px 24px;border:none;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:background .3s}.btn-primary:hover{background:var(--primary-blue)}.articles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.articles-header select{padding:8px 12px;border:1px solid var(--color-muted);border-radius:4px;background:#fff;font-family:var(--font-body);color:var(--color-text);cursor:pointer}.subscribe-form input:focus,.subscribe-form.bottom input:focus{outline:none;box-shadow:0 0 0 2px var(--primary-yellow)}.subscribe-form input::-moz-placeholder{color:var(--color-muted)}.subscribe-form input::placeholder{color:var(--color-muted)}*{font-family:Poppins,sans-serif}body,html{height:100%;padding:0 10px}#app{min-width:100%;min-height:100%;max-width:2000px;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#404040;display:flex;flex-direction:column}a{color:inherit}h1,label{font-weight:600}input,select,textarea{padding:10px;border-radius:8px;border:none;box-sizing:border-box;resize:none;box-shadow:-5px 4px 20px 0 rgba(0,0,0,.1)}.text-gradient{background:linear-gradient(90deg,#49b1fb,#007dd8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}nav a{font-weight:700;color:#404040}nav a.router-link-exact-active{color:#1f90e2}.fade-enter-active{animation:fade .25s}.fade-leave-active{animation:fade .25s reverse}@keyframes fade{0%{opacity:0;z-index:99}to{opacity:100%;z-index:99}}@media screen and (max-width:768px){body,html{padding:0}}