@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,900);@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&family=Inter:wght@400);.react-horizontal-scrolling-menu--scroll-container{display:flex;height:max-content;overflow-y:hidden;position:relative;width:100%}.react-horizontal-scrolling-menu--scroll-container.rtl{direction:rtl}.react-horizontal-scrolling-menu--inner-wrapper{display:flex;overflow-y:hidden}.react-horizontal-scrolling-menu--wrapper{display:flex;flex-direction:column}.react-horizontal-scrolling-menu--footer,.react-horizontal-scrolling-menu--header{width:100%}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}button{background:none;border:none}table{border-collapse:collapse;border-spacing:0}body{-webkit-text-size-adjust:none}mark{background-color:initial;color:inherit}input::-moz-focus-inner{border:0;padding:0}input,select,textarea{-webkit-appearance:none;appearance:none}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{background-color:#05112a}body.is-preload{overflow:hidden}body.is-preload *,body.is-preload :after,body.is-preload :before{animation:none!important;transition:none!important}body,input,select,textarea{color:#fff;font-family:Source Sans Pro,sans-serif;font-size:15pt;font-weight:300!important;letter-spacing:-.025em;line-height:1.75em}a{color:inherit;outline:0;text-decoration:none;transition:border-color .2s ease-in-out}a:hover{border-color:#0000}.icon{position:relative;text-decoration:none}.icon:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-feature-settings:normal;display:inline-block;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;text-transform:none!important}.icon>.label{display:none}.icon.solid:before{font-weight:900}.icon.brands:before{font-family:Font Awesome\ 5 Brands}@keyframes wrapper{0%{opacity:0}to{opacity:1}}#wrapper{animation:wrapper 1s forwards;opacity:0;width:100%}#bg,#wrapper{height:100%;left:0;position:fixed;top:0}#bg{animation:bg 60s linear infinite;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-repeat:repeat-x;opacity:1;transform:translateZ(0);width:-webkit-fit-content;width:fit-content}@keyframes bg{0%{transform:translateZ(0)}to{transform:translate3d(-2400px,0,0)}}#bg{background-size:2400px auto;width:7200px}@keyframes overlay{0%{opacity:0}to{opacity:1}}#overlay{animation:overlay 1s 0s forwards;background-attachment:fixed,fixed;background-image:url(/static/media/overlay-pattern.9f5bce93242f9468f4a5.png),url(/static/media/overlay.6f6384b63ea858c7acb8.svg);background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:auto,cover;opacity:0}#main,#overlay{height:100%;left:0;position:fixed;top:0;width:100%}#main{text-align:center}#main:before{content:"";display:inline-block;height:100%;margin-right:0;vertical-align:middle;width:1px}@keyframes header{0%{opacity:0;transform:translate3d(0,1em,0)}to{opacity:1;transform:translateZ(0)}}@keyframes nav-icons{0%{opacity:0;transform:translate3d(0,1em,0)}to{opacity:1;transform:translateZ(0)}}#main-header{animation:header 1s 0s forwards;-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:default;display:inline-block;margin-top:3rem;opacity:0;position:relative;text-align:center;transform:translateZ(0);vertical-align:middle;width:90%}#main-header h1{color:#0ff;font-size:4.35rem;font-weight:700;line-height:4.5rem;text-shadow:0 0 12px #0ff9}#main-header h1,#main-header h3{animation:fadeInUp 1s ease forwards;font-family:Orbitron,sans-serif}#main-header h3{color:#00f0ff;font-size:1.5rem;margin:2rem 0 .25rem}#main-header p{color:#fff;font-size:1.25rem;margin:1rem 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#main-header .title-underline{border:2px solid #fff;border-radius:10px;margin:0 auto;max-width:60px;opacity:.5}#main-header .main-menu{margin:2rem 0 0}#main-header .main-menu li.list{align-items:center;animation:nav-icons .5s ease-in-out forwards;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;height:5.35em;justify-content:center;line-height:5.885em;opacity:0;position:relative;top:0;transform:translateZ(0);width:5.35em}#main-header .main-menu li.list svg{height:2.675em;width:2.675em}#main-header .main-menu li.list:first-child{animation-delay:0s}#main-header .main-menu li.list:nth-child(2){animation-delay:.1s}#main-header .main-menu li.list:nth-child(3){animation-delay:.2s}#main-header .main-menu li.list:nth-child(4){animation-delay:.3s}#main-header .main-menu li.list:nth-child(5){animation-delay:.4s}#main-header .main-menu li.list:nth-child(6){animation-delay:.5s}#main-header .main-menu li.list:nth-child(7){animation-delay:.6s}#main-header .main-menu li.list:nth-child(8){animation-delay:.7s}#main-header .main-menu li.list:nth-child(9){animation-delay:.8s}#main-header .main-menu li.list:nth-child(10){animation-delay:.9s}#main-header .main-menu a{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;border:1px solid #00f0ff;border-radius:50%;box-sizing:border-box;color:#00f0ff;display:inline-block;margin:0 1rem;position:relative}#main-header .main-menu a:before{border:1px solid #fff;border-radius:100%;display:block;font-size:1.75em;position:relative;text-align:center;top:0;transition:all .2s ease-in-out}#main-header .main-menu a:hover{background-color:#00f0ff33;box-shadow:0 0 10px #00f0ff,0 0 20px #00f0ff;transform:scale(1.1)}#main-header .main-menu a:active{background:none;font-size:.95em}#main-header .main-menu a span{display:none}#main-header .main-menu a[data-tooltip]:after{border-radius:4px;bottom:-3.5rem;color:#fff;content:attr(data-tooltip);font-size:1.25rem;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .3s ease;visibility:hidden;white-space:nowrap;z-index:1000}#main-header .main-menu a[data-tooltip]:hover:after{bottom:-2rem;opacity:1;visibility:visible}@media (prefers-color-scheme:dark){.main-menu a[data-tooltip]:after{background-color:#ffffffe6;color:#333}}@media screen and (max-width:1680px){body,input,select,textarea{font-size:13pt}@keyframes bg{0%{transform:translateZ(0)}to{transform:translate3d(-1600px,0,0)}}#bg{background-size:1600px auto;width:4800px}}@media screen and (max-width:1280px){body,input,select,textarea{font-size:12pt}@keyframes bg{0%{transform:translateZ(0)}to{transform:translate3d(-800px,0,0)}}#bg{background-size:800px auto;width:2400px}}@media screen and (max-width:736px){body{min-width:320px}body,input,select,textarea{font-size:11pt}@keyframes bg{0%{transform:translateZ(0)}to{transform:translate3d(-320px,0,0)}}#bg{background-size:320px auto;width:960px}#main-header h1{font-size:3.25rem;line-height:3.5rem}#main-header h3{font-size:1.25rem;line-height:1.5rem}#main-header p{font-size:.875em}#main-header .main-menu{font-size:1rem}}@media screen and (max-width:480px){@keyframes bg{0%{transform:translateZ(0)}to{transform:translate3d(-440px,0,0)}}#bg{background-size:440px auto;width:1320px}#main-header h1{font-size:2.5rem}#main-header .main-menu{padding:0 1em}}.nav-wrapper{align-items:center;background-color:#05112a;box-shadow:0 2px 4px 0 #000000b3;display:flex;height:80px;justify-content:space-between;left:0;opacity:1;padding:0 2rem;position:-webkit-sticky;position:sticky;right:0;top:0;transition:transform 3s ease-in-out;z-index:99}@media (max-width:1024px){.nav-wrapper{height:60px;padding:.85rem}}.logo{align-items:baseline;display:flex;flex:1 1}.logo img{height:2.5rem;vertical-align:middle;width:auto}.navigation ul{display:flex;flex-direction:row;list-style:none}.navigation ul li{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:400;margin:0 1rem;text-transform:capitalize}.hamburger-menu{background-color:#05112a;display:none;padding:1rem 0;top:60px}.hamburger-menu a{color:#fff;font-size:1.5rem;font-weight:400;padding:1rem 1rem 1rem 2.5rem;text-transform:capitalize}.bm-burger-button{display:none;height:2.25rem;position:fixed;right:1rem;top:10px;width:2.25rem}@media (max-width:1024px){.navigation ul{display:none}.bm-burger-button,.hamburger-menu{display:block}}main.page{padding:2rem 0}main.page h1.page-title{color:#fff;font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:600;line-height:1.1;text-align:center;text-transform:uppercase}@media (max-width:1024px){main.page h1.page-title{font-size:2.5rem}}.row{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:0 2rem}@media (max-width:1024px){.row{padding:0 .875rem}}.portfolio-container{height:auto;margin:0 auto;max-width:1440px;padding:0 1rem;width:100%}.card-wrapper h2{color:#0ff;font-family:Orbitron,sans-serif;font-weight:600}.react-horizontal-scrolling-menu--scroll-container::-webkit-scrollbar{background-color:initial}.react-horizontal-scrolling-menu--scroll-container::-webkit-scrollbar-thumb,.react-horizontal-scrolling-menu--scroll-container::-webkit-scrollbar-track{background:#0000}.react-horizontal-scrolling-menu--arrow-left,.react-horizontal-scrolling-menu--arrow-right{align-items:center;display:flex}.react-horizontal-scrolling-menu--arrow-left .scroll-btn,.react-horizontal-scrolling-menu--arrow-right .scroll-btn{align-items:center;background-color:#25345480;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;margin:0 0 30px;padding:0;width:50px}.react-horizontal-scrolling-menu--arrow-left .scroll-btn:hover,.react-horizontal-scrolling-menu--arrow-right .scroll-btn:hover{background-color:#253454cc}.react-horizontal-scrolling-menu--arrow-left .scroll-btn.right-btn,.react-horizontal-scrolling-menu--arrow-right .scroll-btn.right-btn{border-bottom-right-radius:24px;border-top-right-radius:24px}.react-horizontal-scrolling-menu--arrow-left .scroll-btn.left-btn,.react-horizontal-scrolling-menu--arrow-right .scroll-btn.left-btn{border-bottom-left-radius:24px;border-top-left-radius:24px}@media (max-width:1024px){.react-horizontal-scrolling-menu--arrow-left .scroll-btn,.react-horizontal-scrolling-menu--arrow-right .scroll-btn{display:none}}.bg-wrapper{background:linear-gradient(0deg,#000,#0a0a17,#121225,#13142b);padding-top:2rem}.video-background{align-items:center;display:flex;height:60vh;justify-content:center;margin:0 auto;overflow:hidden;position:relative;width:100%}.video-background.mobile,.video-background.tablet{overflow:visible}.loading-progress{margin:2rem 0;padding:1rem;text-align:center}.progress-bar{background-color:#ffffff1a;border-radius:4px;height:8px;margin:0 auto 1rem;max-width:400px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#0ff,#01cbb7);border-radius:4px;box-shadow:0 0 10px #00ffff80;height:100%;transition:width .3s ease-in-out}.loading-progress p{color:#0ff;font-size:1rem;margin:0}.spinner{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}.loading-text{color:#0ff;font-size:1.2rem;font-weight:500;text-shadow:0 0 10px #00ffff80}.screenshot-container img{transition:opacity .5s ease-in-out,transform .3s ease-in-out,filter .3s ease-in-out;will-change:opacity,transform,filter}.screenshot-container img:not([style*="opacity: 1"]){filter:blur(2px) brightness(.8);transform:scale(.98)}.screenshot-container img[style*="opacity: 1"]{filter:none;transform:scale(1)}.screenshot-container img:hover{box-shadow:0 8px 25px #00ffff4d;filter:brightness(1.1);transform:scale(1.05)}.spinner img{animation:spin 1s linear infinite;-webkit-backface-visibility:hidden;backface-visibility:hidden;height:150px;transform:translateZ(0);width:150px;will-change:transform}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}video{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:inherit;left:50%;padding:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);transform-style:preserve-3d;transition:opacity .3s ease-in-out;width:100%;will-change:opacity}@media (max-width:1024px){video{height:auto;left:0;top:0;transform:none}}video.tablet{border-radius:60px;height:auto;max-width:25rem;object-fit:contain}@media (max-width:1024px){video.tablet{left:50%;max-width:22rem;top:0;transform:translateX(-50%)}}@media (max-width:480px){video.tablet{max-width:17rem}}video.mobile{border-radius:60px;height:auto;max-width:18.5rem;object-fit:contain}@media (max-width:1024px){video.mobile{left:50%;max-width:15rem;top:0;transform:translateX(-50%)}}@media (max-width:480px){video.mobile{max-width:12rem}}.video-overlay{background:linear-gradient(0deg,#000000e6,#0000001a);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.video-overlay.mobile,.video-overlay.tablet{display:none}.bottom-wrapper{margin:-20vh auto 0;max-width:1440px;position:relative;width:100%;z-index:2}@media (max-width:1024px){.bottom-wrapper.mobile,.bottom-wrapper.tablet{margin-top:0}}@media (max-width:480px){.bottom-wrapper.mobile,.bottom-wrapper.tablet{margin-top:-5vh}}.bottom-wrapper .text-container{color:#fff;padding:0 2.5rem;text-align:left;width:100%}@media (max-width:1024px){.bottom-wrapper .text-container{padding:0 1.5rem}}.bottom-wrapper .text-container h1.title{color:#01cbb7;font-family:circularA,sans-serif;font-size:3rem;font-weight:500;line-height:1.2;margin-bottom:1rem;text-transform:capitalize}@media (max-width:1024px){.bottom-wrapper .text-container h1.title{font-size:2rem}}.bottom-wrapper .text-container .subtitle{display:flex;flex-direction:row;font-size:1.875rem;font-weight:400;justify-content:space-between;line-height:1.2;margin-bottom:1rem;text-transform:capitalize}@media (max-width:480px){.bottom-wrapper .text-container .subtitle{flex-direction:column;font-size:1.5rem}}.bottom-wrapper .text-container p{color:#989ba3;font-size:1.25rem;line-height:1.6;margin:1rem 0}.bottom-wrapper .screenshot-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:5rem 0;padding:0 1rem}.screenshot-container img{transition:opacity .3s ease-in-out,transform .3s ease-in-out}.bottom-wrapper .screenshot-container img,.screenshot-container img{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);will-change:opacity,transform}.bottom-wrapper .screenshot-container img{aspect-ratio:16/9;border-radius:.5rem;cursor:pointer;object-fit:cover;transition:opacity .3s ease-in-out;width:22.5%}.bottom-wrapper .screenshot-container img:hover{transform:scale(1.05)}.bottom-wrapper .screenshot-container img.tablet{aspect-ratio:3/4;max-width:15rem}.bottom-wrapper .screenshot-container img.mobile{aspect-ratio:9/19;max-width:15rem}@media (max-width:1024px){.bottom-wrapper .screenshot-container img{width:30%}}@media (max-width:480px){.bottom-wrapper .screenshot-container img{width:45%}}.code{padding:1rem;width:100%}.modal-overlay{align-items:center;background-color:#000000bf;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal-content{background:#000;border-radius:8px;max-height:90%;max-width:90%;max-width:1440px;overflow:auto;padding:3rem 1rem 1rem;position:relative}.modal-content img{border-radius:8px;max-width:100%}.modal-content.mobile img,.modal-content.tablet img{border-radius:32px}.close-button{cursor:pointer;height:50px;position:absolute;right:5px;top:0;width:50px}.close-button svg{color:#fff;height:100%;width:100%}.card-wrapper{margin:2.5rem 0;padding:1.5rem 0}.card-wrapper h2{color:#01cbb7;font-size:1.875rem;font-weight:700;text-align:left;text-transform:capitalize}@media (max-width:1024px){.card-wrapper h2{font-size:2rem;line-height:1.5}}.card-wrapper .line{background-color:#e8eefa66;height:1px;margin:2rem 0}.card{background-color:initial;border-radius:.5rem;margin-right:1rem;padding:.75rem;width:40rem}.card.mobile{width:18.75rem}.card.tablet{width:22.5rem}@media (max-width:1024px){.card{margin-right:.25rem;width:22.5rem}}.card.mobile img{aspect-ratio:9/19;border-radius:40px;object-fit:contain}@media (max-width:1024px){.card.mobile img{height:400px}}.card.tablet img{border-radius:70px;object-fit:contain}@media (max-width:1024px){.card.tablet img{height:400px}}.card:hover img{transform:scale(1.03)}.card img{aspect-ratio:16/9;border-radius:.5rem;height:25rem;object-fit:contain;overflow:hidden;transition:transform .3s ease;width:100%}@media (max-width:1024px){.card img{height:auto}}.card .card-text{padding-top:.75rem;text-align:center}.card .card-text p{color:#fff;font-size:1.25rem;font-weight:600;text-transform:capitalize}.back-button-container{cursor:pointer;height:2.5rem;width:2.5rem}@media (max-width:480px){.back-button-container{height:2rem;width:2rem}}.back-button-container svg{color:#fff;cursor:pointer;height:100%;width:100%}.link-button{border-radius:40px;color:#333;cursor:pointer;font-size:1rem;font-weight:600;padding:.5rem 2rem;text-transform:capitalize;transition:background-color .3s ease}.about-container{display:flex;flex-direction:column;gap:3rem;height:auto;margin:0 auto;max-width:1440px;width:100%}@media (max-width:1024px){.about-container{gap:1.5rem;padding:0 1rem}}.about-container h2{color:#0ff;font-family:Orbitron,sans-serif;font-size:1.5rem;line-height:1.1;margin:1rem 0;text-align:center}@media (max-width:1024px){.about-container h2{font-size:1.5rem}}.about-container .box{display:flex;flex-direction:column}.about-container .box img{max-width:400px;width:50%;z-index:1}.about-container .box .text-box{background-color:#0d1c38;border-radius:.5rem;margin-top:-5%;padding:3rem;width:80%;z-index:0}@media (max-width:1024px){.about-container .box .text-box{padding:1.5rem;width:100%}}.about-container .box .text-box h3{font-size:3rem;font-weight:600;margin:1.5rem 0}.about-container .box .text-box h3 p{font-family:circularA,sans-serif;font-size:1.5rem;margin:1.5rem 0}.about-container .box.list-1{align-items:flex-end;justify-content:flex-start}.about-container .box.list-1 h3{color:#ae90ff}.about-container .box.list-2{text-align:right}@media (max-width:1024px){.about-container .box.list-2{text-align:left}}.about-container .box.list-2 img{margin-bottom:-15%;max-width:300px}.about-container .box.list-2 h3{color:#f4d97b}.about-container .box.list-2 p{float:right;max-width:70%;text-align:left}@media (max-width:1024px){.about-container .box.list-2 p{max-width:100%}}.about-container .box.list-3{align-items:flex-end;justify-content:flex-start}.about-container .box.list-3 h3{color:#01cbb7}.banner-container{background-color:#0d1c38;border-radius:16px;display:flex;flex-direction:row;margin:0 auto;max-width:1280px;min-height:400px;overflow:hidden;padding:3rem;position:relative;text-align:center;width:100%}.banner-container .banner-text{align-self:center;display:flex;flex-direction:column;text-align:left;vertical-align:middle;width:40%;z-index:2}@media (max-width:768px){.banner-container .banner-text{width:100%}}.banner-container .banner-text h1{align-items:center;display:flex;font-size:2.5rem;font-weight:700}@media (max-width:768px){.banner-container .banner-text h1{color:#fff!important}}.banner-container .banner-text .subtitle{color:#fff;font-size:24px;font-weight:700;margin:1.25rem 0}.banner-container .banner-text p{color:#989ba3;font-size:1.125rem;font-weight:400;line-height:1.2;margin-bottom:1.5rem}@media (max-width:768px){.banner-container .banner-text p{color:#0d1c38}}.banner-container .banner-images{align-items:center;display:flex;justify-content:flex-end;width:50%}@media (max-width:768px){.banner-container .banner-images{width:0}}.banner-container .svg1,.banner-container .svg2,.banner-container .svg3{opacity:.9;position:absolute;z-index:1}.banner-container .svg1{bottom:40%;left:50%;transform:rotate(10deg)}.banner-container .svg2{right:-20%}.banner-wrapper{display:flex;flex-direction:column;gap:2rem}.chatbot-container{bottom:30px;position:fixed;right:30px;z-index:1000}.chatbot-container .chatbot-toggle{align-items:center;background-color:#00f0ff;border:none;border-radius:.75rem;bottom:20px;box-shadow:0 2px 10px #0003;color:#000;cursor:pointer;display:flex;height:50px;justify-content:center;padding:0;position:fixed;right:30px;transition:all .3s ease;width:150px;z-index:1000}.chatbot-container .chatbot-toggle:hover{background-color:#01cbb7;transform:scale(1.1)}.chatbot-container .chatbot-toggle:disabled{cursor:not-allowed;opacity:.7}.chatbot-container .chatbot-toggle .chat-icon{height:1.5rem;min-height:1.5rem;min-width:1.5rem;width:1.5rem}.chatbot-container .chatbot-window{background-color:#f8f9fa;border-radius:16px;bottom:calc(2rem + 50px);box-shadow:0 5px 15px #0003;display:flex;flex-direction:column;font-family:circularA,sans-serif;height:30rem;max-height:100vh;max-width:500px;min-height:10vh;min-width:300px;overflow:hidden;position:fixed;resize:vertical;right:30px;width:16vw}.chatbot-container .chatbot-window .chat-header{align-items:center;background-color:#01cbb7;color:#fff;cursor:move;display:flex;justify-content:space-between;padding:10px 15px;-webkit-user-select:none;user-select:none}.chatbot-container .chatbot-window .chat-header h3{font-size:1rem;margin:0}.chatbot-container .chatbot-window .chat-header .minimize-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:5px}.chatbot-container .chatbot-window .chat-header .minimize-button:hover{opacity:.8}.chatbot-container .chatbot-window .messages-container{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:15px}.chatbot-container .chatbot-window .messages-container .message{word-wrap:break-word;border-radius:10px;max-width:80%;padding:10px}.chatbot-container .chatbot-window .messages-container .message.user{align-self:flex-end;background-color:#01cbb7;color:#fff}.chatbot-container .chatbot-window .messages-container .message.bot{align-self:flex-start;background-color:#f0f0f0;color:#333}.chatbot-container .chatbot-window .messages-container .message.loading{align-self:flex-start;background-color:#f0f0f0;color:#666;font-style:italic}.chatbot-container .chatbot-window .messages-container .message.error{align-self:flex-start;background-color:#ffebee;color:#c62828}.chatbot-container .chatbot-window .keyword-buttons{background-color:#dedddd;display:flex;flex-wrap:wrap;gap:10px;padding:10px}.chatbot-container .chatbot-window .keyword-buttons .keyword-button-group{display:flex;justify-content:flex-start}.chatbot-container .chatbot-window .keyword-buttons button{background-color:#e9ecef;border:none;border-radius:5px;color:#495057;cursor:pointer;font-size:.9rem;padding:.5rem .75rem;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.chatbot-container .chatbot-window .keyword-buttons button:hover{background-color:#dee2e6}.chatbot-container .chatbot-window .keyword-buttons button:disabled{cursor:not-allowed;opacity:.6}.chatbot-container .chatbot-window .keyword-buttons .project-navigation{display:flex;flex-direction:column;gap:10px;max-height:15rem;overflow-y:auto}.chatbot-container .chatbot-window .keyword-buttons .project-navigation .back-button{align-items:center;background-color:initial;border:none;border-radius:5px;color:#000;cursor:pointer;display:flex;font-size:.9rem;gap:5px;padding:8px 12px;transition:all .2s ease}.chatbot-container .chatbot-window .keyword-buttons .project-navigation .back-button:hover{text-decoration:underline}.chatbot-container .chatbot-window .keyword-buttons .project-navigation .back-button svg{font-size:.9rem}.chatbot-container .chatbot-window .keyword-buttons .project-navigation .project-buttons{display:flex;flex-wrap:wrap;gap:5px;width:100%}.chatbot-container .chatbot-window .keyword-buttons .project-navigation .project-buttons button{background-color:#e9ecef;border:1px solid #dee2e6;border-radius:5px;padding:10px;text-align:left;transition:all .2s ease}.chatbot-container .chatbot-window .keyword-buttons .project-navigation .project-buttons button:hover{background-color:#dee2e6}.chatbot-container .chatbot-window .keyword-buttons .project-navigation .project-buttons button.selected{background-color:#01cbb7;border-color:#01cbb7;color:#fff}.chatbot-container .chatbot-window .input-container{background-color:#fff;border-top:1px solid #e0e0e0;display:flex;padding:10px}.chatbot-container .chatbot-window .input-container input{background-color:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#000;flex:1 1;font-size:14px;margin-right:8px;padding:8px 12px}.chatbot-container .chatbot-window .input-container input:focus{border-color:#01cbb7;outline:none}.chatbot-container .chatbot-window .input-container input:disabled{background-color:#f5f5f5;cursor:not-allowed}.chatbot-container .chatbot-window .input-container button{background-color:#01cbb7;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.chatbot-container .chatbot-window .input-container button:hover{background-color:#0056b3}.chatbot-container .chatbot-window .input-container button:disabled{background-color:#ccc;cursor:not-allowed}.chatbot-container .chatbot-window .resize-handle{background-color:#dee2e6;bottom:0;cursor:row-resize;height:5px;left:0;position:absolute;right:0;transition:background-color .2s ease}.chatbot-container .chatbot-window .resize-handle:hover{background-color:#01cbb7}.chatbot-container .chatbot-window .view-project-btn{border-radius:.3125rem;color:#01cbb7;cursor:pointer;display:inline-block;font-size:.9rem;margin-bottom:.625rem;text-decoration:none;text-decoration:underline}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.spline-background{background:linear-gradient(135deg,#0d0d1f,#1a1a3f 50%,#2b1a4d);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cg fill='%23FFF' fill-opacity='.1' stroke='%23FFF' stroke-opacity='.1'%3E%3Ccircle cx='50' cy='50' r='1.5'/%3E%3Ccircle cx='20' cy='80' r='1.5'/%3E%3Ccircle cx='80' cy='20' r='1.5'/%3E%3Ccircle cx='10' cy='40' r='1.5'/%3E%3Ccircle cx='90' cy='60' r='1.5'/%3E%3C/g%3E%3C/svg%3E");background-size:100px 100px;height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:0}.spline-background:after{background:radial-gradient(circle,#00f0ff40 0,#14172500 70%);border-radius:50%;content:"";height:80vmin;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80vmin;z-index:-1}.spline-background iframe{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}
/*# sourceMappingURL=main.24d3dcbb.css.map*/