@import"https://cdn-uicons.flaticon.com/3.0.0/uicons-regular-rounded/css/uicons-regular-rounded.css";@import"https://cdn-uicons.flaticon.com/3.0.0/uicons-regular-straight/css/uicons-regular-straight.css";@import"https://cdn-uicons.flaticon.com/3.0.0/uicons-bold-rounded/css/uicons-bold-rounded.css";:root{--primary-color: oklch(21% .034 264.665);--midway-color: oklch(37.3% .034 259.733);--secondary-color: oklch(27.8% .033 256.848);--nav-selected-color: oklch(55.8% .288 302.321 / 30%);--nav-selected-text-color: oklch(82.7% .119 306.383);--nav-hover-color: oklch(100% .00011 271.152 / 10%);--purple-button-color: oklch(55.8% .288 302.321);--purple-button-hover: oklch(49.6% .265 301.924);--bright-purple-button-color: oklch(70.594% .20461 308.836);--bright-purple-button-hover: oklch(55.8% .288 302.321);--text-white: #fff;--text-light-gray: oklch(70.7% .022 261.325);--text-gray: #666;--text-red: rgba(255, 110, 110, .75);--text-black: #000;--xs: .25rem;--sm: .5rem;--smd: .75rem;--md: 1rem;--lg: 1.5rem;--xl: 2rem;--font-title: 2.5rem;--font-header: 1.75rem;--font-subtitle: 1.25rem;--font-text: 1rem;--font-small: .75rem;--font-very-small: .5rem;--font-tiny: .25rem;--header-height: 4.5rem;--darkened-color: rgba(0, 0, 0, .25)}.layout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "sidebar main";width:100vw;height:100vh}.layout_content{grid-area:main;position:relative}header{background-color:color-mix(in oklch,var(--secondary-color) 50%,transparent);border-bottom:1px solid var(--midway-color);display:flex;padding:var(--md);align-items:center;gap:var(--sm);grid-area:header;height:var(--header-height)}.header_arrow{display:flex;color:color-mix(in srgb,var(--text-gray) 50%,transparent);font-size:var(--xl);align-items:center}.cine_ai_title{background-image:linear-gradient(90deg,#5347e6,#a555f6);font-size:var(--font-header);font-weight:700;-webkit-background-clip:text;background-clip:text;color:transparent}.header_nav{display:flex;gap:var(--sm);color:color-mix(in srgb,var(--text-white) 50%,transparent);font-weight:700}.header_link{font-size:var(--font-text);border-radius:var(--sm);color:color-mix(in srgb,var(--text-white) 50%,transparent);transition:color .5s}.header_link.active,.header_link:hover{color:var(--text-white)}.projeto_header{display:flex;align-items:center;justify-content:space-between;gap:var(--sm)}.sidebar{background-color:color-mix(in oklch,var(--secondary-color) 30%,transparent);border-right:1px solid var(--midway-color);grid-area:sidebar;padding:var(--md);display:flex;flex-direction:column;gap:var(--md)}.sidebar_title{color:var(--text-white);font-size:var(--font-subtitle)}.sidebar_nav{display:flex;flex-direction:column;gap:var(--md);min-width:14rem;flex:1}.sidebar_link{color:var(--text-white);padding:var(--smd) var(--md);border-radius:var(--sm);text-justify:center;font-size:var(--font-text);transition:background-color .3s,color .3s;display:flex;gap:var(--sm)}.sidebar_link:hover{background-color:var(--nav-hover-color)}.sidebar_link.active{background-color:var(--nav-selected-color);color:var(--nav-selected-text-color)}.sidebar_files{display:flex;flex-direction:column;gap:var(--md)}.sidebar_divider{border:1px solid var(--midway-color)}.sidebar_input{display:none}.sidebar_label{display:flex;justify-content:center;align-items:center;border-radius:var(--sm);background-color:color-mix(in srgb,var(--midway-color) 50%,transparent);padding:var(--sm) var(--md);color:var(--text-white);font-size:var(--font-text);cursor:pointer;transition:background-color .2s}.sidebar_label:hover{background-color:color-mix(in srgb,var(--midway-color) 75%,transparent)}.projeto_header_title{display:flex;flex-direction:column;gap:var(--sm);width:100%}.projeto_title{display:flex;gap:var(--md);color:var(--text-white);font-size:var(--font-title);font-weight:700}.projeto_title input{background-color:transparent;border:none;color:var(--text-white);font-size:var(--font-title);width:fit-content;font-weight:700;cursor:pointer;width:100%}.projeto_title input:focus{outline:none}.projeto_description{color:var(--text-light-gray);font-size:var(--font-subtitle)}.arquivo_button{position:relative}.download_arquivo_button{background-color:transparent;border:none;color:var(--text-white);font-size:var(--font-text);cursor:pointer}.delete_arquivo_button{background-color:transparent;position:absolute;right:var(--sm);border:none;color:color-mix(in srgb,var(--text-white) 30%,transparent);font-size:var(--font-text);align-self:flex-end;cursor:pointer;transition:color .3s ease-in-out}.delete_arquivo_button:hover{color:var(--text-red)}.delete_arquivo_button_icon{display:flex;align-items:center}.projeto_button{border:none;border-radius:var(--sm);padding:var(--md) var(--lg);font-size:var(--font-text);font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:var(--sm);background-color:var(--purple-button-color);color:var(--text-white);cursor:pointer;transition:scale .3s ease-in-out,background-color .3s ease-in-out}.projeto_button:hover{background-color:var(--purple-button-hover);scale:1.05}.hero-buttons{margin-top:30px;display:flex;justify-content:center;gap:20px}.primary-btn,.secondary-btn{border:none;border-radius:8px;padding:12px 30px;font-size:1rem;cursor:pointer;transition:.3s ease}.primary-btn{background:linear-gradient(90deg,#7c4dff,#b388ff);color:#fff}.secondary-btn{background:transparent;border:1px solid #b388ff;color:#b388ff}.primary-btn:hover{transform:scale(1.05)}.secondary-btn:hover{background:#b388ff;color:#0b0b1f}.plan-btn{margin-top:auto;background:linear-gradient(90deg,#7c4dff,#b388ff);border:none;border-radius:6px;color:#fff;padding:10px 20px;cursor:pointer;transition:.3s ease}.plan-btn:hover{transform:scale(1.05)}.delete_button{background-color:transparent;right:var(--sm);border:none;color:color-mix(in srgb,var(--text-white) 30%,transparent);font-size:var(--font-text);align-self:flex-end;cursor:pointer;transition:color .3s ease-in-out}.delete_button:hover{color:var(--text-red)}.delete_button_bg{background-color:var(--text-red);color:var(--text-black);font-size:var(--font-text);padding:var(--smd) var(--md);border:none;border-radius:var(--sm);cursor:pointer;transition:color .3s ease-in-out;flex:1}.delete_button_bg:hover{background-color:color-mix(in srgb,var(--text-red) 80%,black)}.generic_button{background-color:var(--midway-color);color:var(--text-white);font-size:var(--font-text);padding:var(--smd) var(--md);border:none;border-radius:var(--sm);cursor:pointer;transition:color .3s ease-in-out;flex:1}.generic_button:hover{background-color:color-mix(in srgb,var(--midway-color) 80%,black)}.alert_card{display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:var(--md);background-color:var(--secondary-color);border:1px solid var(--midway-color);border-radius:var(--md);color:var(--text-white);font-size:var(--font-text);gap:var(--sm);z-index:1000}.darken{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--darkened-color);z-index:999}.chat_card{background-color:color-mix(in oklch,var(--secondary-color) 30%,transparent);border:1px solid var(--midway-color);padding:var(--md);border-radius:var(--md);display:flex;flex-direction:column;gap:var(--sm)}.chat_card_header{position:relative;display:flex;justify-content:space-between;align-items:center}.chat_card h2{color:var(--text-white);font-size:var(--font-subtitle)}.chat_card p{color:var(--text-light-gray);font-size:var(--font-text)}.chat_card a{color:var(--bright-purple-button-color);font-size:var(--font-text);align-self:flex-end}.chat_card a:hover{color:var(--bright-purple-button-hover)}.chat_card_confirmation{display:flex;flex-direction:column;gap:var(--xl)}.chat_card_delete{display:flex;justify-content:space-between;gap:var(--md)}.dropdown{position:relative;display:flex;flex-direction:column;gap:var(--sm);color:var(--text-white);width:12rem}.dropbtn{display:flex;justify-content:space-between;align-items:center;background-color:var(--secondary-color);border:1px solid var(--midway-color);border-radius:var(--sm);color:var(--text-white);font-size:var(--font-text);cursor:pointer;padding:var(--sm) var(--md);gap:var(--sm);height:3rem}.dropbtn i{display:flex;align-items:center;color:var(--text-white)}.dropdown-content{background-color:var(--secondary-color);border:1px solid var(--midway-color);border-radius:var(--sm);padding:var(--xs);position:absolute;top:3.5rem;display:flex;flex-direction:column;gap:var(--sm);width:100%}.dropdown_option{display:flex;align-items:space-around;background-color:transparent;border:none;color:var(--text-white);padding:var(--sm);gap:var(--sm)}.dropdown_option:hover{background-color:var(--midway-color);border-radius:var(--sm)}.dropdown_option img{filter:invert(100%)}.text-dropdown-content{padding:var(--md) 0px}.prompter{display:flex;justify-content:center;align-items:center;border:1px solid var(--midway-color);border-radius:var(--md);padding:var(--md);width:100%}.prompter_input{width:100%;height:1ch;max-height:20rem;resize:none;background-color:transparent;border:none;color:var(--text-white);text-justify:center;font-size:var(--font-text);scrollbar-color:var(--midway-color) transparent}.prompter_input:focus{outline:none}.send_button{border:none;background-color:transparent;color:var(--text-white);font-size:var(--font-text);cursor:pointer;transition:color .3s ease scale 1s ease}.send_button:hover{color:var(--text-light-gray);scale:1.1}.send_button i{display:flex;justify-content:center;align-items:center}.message{display:flex;flex-direction:column;color:var(--text-white);font-size:var(--font-text);margin:0px var(--md);gap:var(--md)}.message.user{display:flex;align-items:flex-end}.message.user p{background-color:var(--midway-color);padding:var(--smd) var(--md);border-radius:var(--md)}.message.agent{align-self:flex-start;width:calc(100% - 2rem)}.message_area{display:flex;flex-direction:column;gap:var(--md)}.message_area ul,ol{display:flex;flex-direction:column;gap:var(--xs);padding-left:var(--lg)}.message_area li ol,ul{padding-top:var(--sm)}.message_area li{padding-top:var(--xs)}.message_area pre{background-color:var(--midway-color);padding:var(--smd) var(--md);border-radius:var(--md)}.message_area hr{border:1px solid var(--midway-color)}.message_area h1{font-size:var(--font-header)}.message_area h2{font-size:var(--font-subtitle)}.message_area h3{font-size:var(--font-text)}.message_area h4{font-size:var(--font-small);color:var(--text-light-gray)}.message_area h5,.message_area h6{font-size:var(--font-very-small);color:var(--text-light-gray)}.message_area a{color:var(--bright-purple-button-color);text-decoration:none;transition:color .3s ease}.message_area a:hover{color:var(--bright-purple-button-hover)}.message_area table{overflow:hidden;border-radius:var(--md);width:fit-content}.message_area table *{display:flex;flex:1}.message_area table tbody{flex-direction:column}.message_area table th,td{padding:var(--smd) var(--md);border:1px solid var(--primary-color);background-color:var(--midway-color)}.message_area table th,td,td *{justify-content:center;align-items:center}.message_area th{color:var(--text-white)}.message_area code{background-color:var(--midway-color);padding:.1rem;border-radius:var(--xs);line-height:var(--lg)}.editable_text_button{background-color:transparent;border:none;color:var(--text-white);font-size:var(--font-subtitle);cursor:pointer;transition:color .3s ease-in-out,opacity .15s ease-in-out}.editable_text_button:hover{color:var(--text-gray)}.spinner-container{display:flex;align-items:center;gap:var(--sm);font-weight:700;color:var(--text-white)}.spinner{width:var(--lg);height:var(--lg);border:.2rem solid var(--secondary-color);border-top:.2rem solid var(--midway-color);border-radius:50%;animation:spin 1s linear infinite}.error{color:var(--text-red);text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form_input_container,.form_title_container{display:flex;flex-direction:column;gap:var(--xs);width:100%}.form_title{color:var(--text-white);font-size:var(--font-header);text-align:center;font-weight:700}.form_description{color:var(--text-light-gray);font-size:var(--font-text);text-align:center}.form_label{color:var(--text-light-gray);font-size:var(--font-small);font-weight:700}.form_input{border:none;border-radius:var(--sm);color:var(--text-white);padding:var(--sm);background-color:var(--midway-color);height:var(--xl)}.form_input[type=submit]{background-color:var(--purple-button-color);color:var(--text-white);cursor:pointer;transition:background-color .15s ease-in-out}.form_input[type=submit]:hover{background-color:var(--purple-button-hover)}.error_page{color:var(--text-white);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--md);width:100%;height:100%}.projeto_main{display:flex;flex-direction:column;padding:var(--xl);gap:var(--lg)}.projeto_content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--lg)}.chat_main{height:100%;display:grid;grid-template-rows:auto 1fr auto;max-height:calc(100vh - var(--header-height));position:relative;padding:var(--xl) var(--xl) var(--md) var(--xl);gap:var(--md)}.chat_header{position:relative;z-index:1000;display:flex;justify-content:space-between;align-items:center;gap:var(--md);box-shadow:0 var(--xl) 1rem color-mix(in srgb,var(--primary-color) 70%,transparent)}.chat_content{display:flex;flex-direction:column;gap:var(--xl);overflow-y:scroll;scrollbar-color:var(--midway-color) transparent}.chat_footer{display:flex;position:relative;z-index:1000;box-shadow:0 calc(-1 * var(--xl)) 1rem color-mix(in srgb,var(--primary-color) 70%,transparent)}.chat_page_spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login_main{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;gap:var(--xl)}.login_form{display:flex;flex-direction:column;gap:var(--md);width:100%;max-width:24rem;padding:var(--md);background-color:var(--secondary-color);border:1px solid var(--midway-color);border-radius:var(--md);color:var(--text-white);font-size:var(--font-text)}.register_text{display:flex;justify-content:center;color:var(--text-light-gray);gap:var(--sm)}.register_link{color:var(--bright-purple-button-color);text-decoration:none;transition:color .3s ease}.register_link:hover{color:var(--bright-purple-button-hover)}.hidden{display:none;opacity:0;visibility:hidden}.invisible{opacity:0;visibility:hidden}.fi{display:flex;align-items:center;justify-content:center}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none}body{background-color:var(--primary-color)}.cineai-hero{padding:calc(var(--xl) * 5) var(--md) calc(var(--xl) * 3);background:linear-gradient(180deg,var(--purple-button-hover),var(--primary-color))}.cineai-hero h2{font-size:calc(var(--font-title) * 1.6);font-weight:700;color:var(--text-white)}.cineai-hero h2 span{color:var(--bright-purple-button-color)}.cineai-hero p{font-size:var(--font-subtitle);margin-top:var(--sm);color:var(--text-light-gray)}.cineai-demo{padding:calc(var(--xl) * 4) var(--md)}.cineai-demo h3{font-size:var(--font-header);margin-bottom:var(--xs)}.cineai-demo p{color:var(--text-light-gray)}.video-demo{background-color:var(--secondary-color);border-radius:var(--smd);padding:calc(var(--xl) * 3);margin:var(--xl) auto 0;width:80%;max-width:600px}.video-placeholder{color:var(--purple-button-hover);font-weight:600;font-size:1.3rem}.cineai-plans{background:var(--primary-color);padding:calc(var(--xl) * 4) var(--md)}.cineai-plans h3{font-size:var(--font-header)}.plans-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--xl) * 1.5);margin-top:var(--xl)}.plan-card{background:var(--secondary-color);padding:var(--xl);border-radius:var(--smd);width:250px;transition:.3s ease;display:flex;flex-direction:column;justify-content:space-between}.plan-card:hover{transform:translateY(-5px);border:2px solid var(--purple-button-hover)}.plan-card h4{color:var(--text-white)}.plan-card .price{font-size:1.3rem;margin:var(--sm) 0;color:var(--bright-purple-button-color)}.plan-card ul{list-style:none;padding:0;margin:0;color:var(--text-light-gray)}.plan-card li{margin:var(--xs) 0}.cineai-mission{padding:calc(var(--xl) * 4) var(--md);background:var(--midway-color);max-width:800px;margin:var(--xl) auto;border-radius:var(--smd)}.cineai-mission h3{font-size:var(--font-header);margin-bottom:var(--sm);color:var(--bright-purple-button-color)}.cineai-mission p{color:var(--text-light-gray);line-height:1.6}.cineai-devs{padding:calc(var(--xl) * 4) var(--md);background:var(--secondary-color)}.cineai-devs h3{font-size:var(--font-header)}.devs-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:calc(var(--xl) * 2);margin-top:var(--xl)}.dev-card{background:var(--midway-color);padding:var(--md);border-radius:var(--md);width:180px;transition:.3s ease}.dev-card:hover{transform:translateY(-5px)}.dev-card img{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:var(--xs)}.dev-card h4{color:var(--text-white);margin-bottom:var(--xs)}.dev-card p{color:var(--text-light-gray)}.cineai-newsletter{background:var(--midway-color);padding:calc(var(--xl) * 4) var(--md)}.cineai-newsletter h3{font-size:var(--font-header);margin-bottom:var(--xs)}.cineai-newsletter p{color:var(--text-light-gray)}.newsletter-form{display:flex;justify-content:center;margin-top:var(--sm);gap:var(--xs)}.newsletter-form input{padding:var(--smd) var(--md);border-radius:var(--smd);border:none;width:250px}.newsletter-form button{padding:var(--smd) var(--lg);border-radius:var(--smd);border:none;background:linear-gradient(90deg,var(--purple-button-color),var(--purple-button-hover));color:var(--text-white);cursor:pointer;transition:.3s ease}.newsletter-form button:hover{transform:scale(1.05)}.cineai-container{background-color:var(--primary-color);color:var(--text-white);font-family:Poppins,sans-serif;text-align:center;overflow-x:hidden}.cineai-navbar{display:flex;justify-content:space-between;align-items:center;background:var(--secondary-color);padding:var(--md) var(--xl);position:sticky;top:0;z-index:10}.cineai-navbar .logo{font-size:var(--font-header);font-weight:700;color:var(--purple-button-hover)}.cineai-navbar nav a{color:var(--text-white);text-decoration:none;margin:0 var(--sm);transition:color .3s ease}.cineai-navbar nav a:hover{color:var(--purple-button-hover)}.nav-buttons{display:flex;gap:var(--xs)}.login-btn,.signup-btn{border:none;border-radius:var(--smd);padding:var(--smd) var(--md);font-weight:500;cursor:pointer;transition:.3s ease}.login-btn{background:transparent;border:1px solid var(--bright-purple-button-color);color:var(--bright-purple-button-color)}.signup-btn{background:linear-gradient(90deg,var(--purple-button-color),var(--purple-button-hover));color:var(--text-white)}.login-btn:hover{background:var(--purple-button-color);border:1px solid var(--purple-button-color);color:var(--text-white);scale:1.05}.signup-btn:hover{transform:scale(1.05)}.cineai-footer{padding:var(--md);background:var(--secondary-color);font-size:var(--font-small);color:var(--text-gray)}.social-icons{margin-top:var(--xs)}.social-icons i{margin:0 var(--xs);cursor:pointer;transition:color .3s ease}.social-icons i:hover{color:var(--purple-button-hover)}