.navbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffc;transition:all .3s ease}.navbar.scrolled{background-color:#fffffff2;box-shadow:0 4px 20px #0000001a}.navbar .logo{align-items:center;display:flex;font-weight:700;text-decoration:none}.navbar .logo .logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#6c63ff,#ff6584);-webkit-background-clip:text;background-clip:text;margin-left:8px}.navbar .desktop-menu{align-items:center;display:flex}.navbar .desktop-menu .nav-link{color:#2a2c42;font-weight:500;margin:0 12px;padding:6px 8px;position:relative}.navbar .desktop-menu .nav-link:after{background:linear-gradient(90deg,#6c63ff,#ff6584);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.navbar .desktop-menu .nav-link:hover:after{width:80%}.navbar .desktop-menu .login-button{margin-left:20px}.navbar .menu-button{display:none}.mobile-menu{padding:24px 0;width:250px}.drawer-paper{background-color:#fafbff;width:250px}@media(max-width:960px){.navbar .desktop-menu{display:none}.navbar .menu-button{display:block}}.footer{background-color:#1a1c28;color:#fff;padding:80px 0 40px}.footer .footer-content{margin-bottom:60px}.footer .footer-brand .footer-logo{display:inline-block;margin-bottom:16px;text-decoration:none}.footer .footer-brand .footer-logo .logo .logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#6c63ff,#ff6584);-webkit-background-clip:text;background-clip:text}.footer .footer-brand .footer-description{color:#ffffffb3;line-height:1.6;margin-bottom:24px;max-width:300px}.footer .footer-brand .social-links{display:flex;gap:12px}.footer .footer-brand .social-links .social-icon{background-color:#ffffff1a;color:#fff;transition:all .3s ease}.footer .footer-brand .social-links .social-icon:hover{background-color:#6c63ff;transform:translateY(-3px)}.footer .footer-brand .social-links .social-icon span{font-size:1.2rem;font-weight:700}.footer .footer-links .footer-category{color:#fff;font-weight:600;margin-bottom:20px}.footer .footer-links ul{list-style:none;margin:0;padding:0}.footer .footer-links ul li{margin-bottom:12px}.footer .footer-links ul li a{color:#ffffffb3;font-size:.9rem;text-decoration:none;transition:color .2s ease}.footer .footer-links ul li a:hover{color:#6c63ff}.footer .footer-bottom{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-top:32px}.footer .footer-bottom .copyright,.footer .footer-bottom .made-with{color:#ffffff80;font-size:.85rem}.footer .footer-bottom .made-with{align-items:center;display:flex}@media(max-width:767px){.footer{padding:60px 0 30px}.footer .footer-brand,.footer .footer-content{margin-bottom:40px}.footer .footer-links{margin-bottom:30px}.footer .footer-bottom{flex-direction:column;gap:12px;text-align:center}}.hero-section{background-color:#fafbff;overflow:hidden;padding:100px 0 60px;position:relative}.hero-section:before{background:radial-gradient(circle,#6c63ff1a 0,#fff0 70%);height:600px;right:-200px;top:-200px;width:600px}.hero-section:after,.hero-section:before{border-radius:50%;content:"";position:absolute;z-index:0}.hero-section:after{background:radial-gradient(circle,#ff65841a 0,#fff0 70%);bottom:-200px;height:500px;left:-200px;width:500px}.hero-section .hero-content{position:relative;z-index:1}.hero-section .hero-content .hero-title{font-weight:800;line-height:1.2;margin-bottom:24px}@media(max-width:768px){.hero-section .hero-content .hero-title{font-size:2.5rem}}.hero-section .hero-content .hero-subtitle{max-width:580px;opacity:.9}@media(max-width:768px){.hero-section .hero-content .hero-subtitle{font-size:1.1rem}}.hero-section .hero-content .hero-buttons{display:flex;gap:16px;margin-bottom:40px}@media(max-width:480px){.hero-section .hero-content .hero-buttons{flex-direction:column}.hero-section .hero-content .hero-buttons button{margin-bottom:12px;width:100%}}.hero-section .hero-content .hero-buttons .cta-button{font-weight:600;padding:12px 32px}.hero-section .hero-content .hero-buttons .demo-button{border-width:2px;font-weight:500;padding:12px 32px}.hero-section .hero-content .hero-stats{display:flex;gap:40px;margin-top:40px}@media(max-width:600px){.hero-section .hero-content .hero-stats{flex-wrap:wrap;gap:20px}}.hero-section .hero-content .hero-stats .stat .stat-number{color:#6c63ff;font-weight:700;margin-bottom:4px}.hero-section .hero-image-container{height:500px;position:relative}.hero-section .hero-image-container .hero-image-wrapper{height:100%;position:relative;width:100%}.hero-section .hero-image-container .hero-image-wrapper .hero-background-blob{animation:blob-animation 15s ease-in-out infinite alternate;background:linear-gradient(45deg,#6c63ff26,#ff658426);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;height:120%;left:-10%;position:absolute;top:-10%;width:120%;z-index:0}@keyframes blob-animation{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}}.hero-section .hero-image-container .hero-image-wrapper .hero-image{align-items:center;border-radius:16px;box-shadow:0 24px 48px #00000026;display:flex;height:80%;justify-content:center;overflow:hidden;position:relative;width:90%;z-index:2}.hero-section .hero-image-container .hero-image-wrapper .hero-image img{height:100%;object-fit:cover;width:100%}.hero-section .hero-image-container .hero-image-wrapper .hero-floating-element{background-color:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001a;position:absolute;z-index:3}.hero-section .hero-image-container .hero-image-wrapper .hero-floating-element.element-1{animation:float 6s ease-in-out infinite;padding:16px;right:-5%;top:10%}.hero-section .hero-image-container .hero-image-wrapper .hero-floating-element.element-1 .code-block{color:#2a2c42;font-family:Courier New,monospace;font-size:12px}.hero-section .hero-image-container .hero-image-wrapper .hero-floating-element.element-1 .code-block .code-line{line-height:1.5;padding-left:16px;position:relative}.hero-section .hero-image-container .hero-image-wrapper .hero-floating-element.element-2{align-items:center;animation:float 7s ease-in-out infinite;animation-delay:1s;border-radius:50%;bottom:15%;display:flex;height:80px;justify-content:center;left:0;width:80px}.hero-section .hero-image-container .hero-image-wrapper .hero-floating-element.element-2 .design-circle{background:linear-gradient(45deg,#6c63ff,#ff6584);border-radius:50%;height:50px;width:50px}.hero-section .hero-image-container .hero-image-wrapper .hero-floating-element.element-3{animation:float 5s ease-in-out infinite;animation-delay:.5s;height:100px;right:10%;top:70%;width:120px}.hero-section .hero-image-container .hero-image-wrapper .hero-floating-element.element-3 .component-box{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.hero-section .hero-image-container .hero-image-wrapper .hero-floating-element.element-3 .component-box .component-header{background-color:#6c63ff;height:30%}.hero-section .hero-image-container .hero-image-wrapper .hero-floating-element.element-3 .component-box .component-body{display:flex;flex-direction:column;height:70%;padding:10px}.hero-section .hero-image-container .hero-image-wrapper .hero-floating-element.element-3 .component-box .component-body:before{background-color:#f0f0f0;content:"";height:8px;margin-bottom:8px;width:70%}.hero-section .hero-image-container .hero-image-wrapper .hero-floating-element.element-3 .component-box .component-body:after{background-color:#f0f0f0;content:"";height:8px;width:50%}@media(max-width:960px){.hero-section{padding-top:60px}.hero-section .hero-image-container{height:400px;margin-top:40px}}.features-section{position:relative}.features-section .section-header{margin-bottom:64px;text-align:center}.features-section .section-header .section-subtitle{color:#6c63ff;display:block;font-weight:600;letter-spacing:1.5px;margin-bottom:16px}.features-section .section-header .section-title{font-weight:700;margin-bottom:16px}.features-section .section-header .section-description{font-weight:400;margin:0 auto;max-width:600px}.features-section .features-grid{margin-bottom:80px}.features-section .feature-card{border:none;border-radius:16px;height:100%;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.features-section .feature-card:hover{box-shadow:0 10px 30px #6c63ff26}.features-section .feature-card .feature-icon{align-items:center;border-radius:16px;display:flex;height:64px;justify-content:center;margin-bottom:24px;width:64px}.features-section .feature-card .feature-title{font-weight:600;margin-bottom:16px}.features-section .feature-card .feature-description{color:#5d5e72;line-height:1.6}.features-section .features-banner{background:linear-gradient(135deg,#f7f9ff,#eff1fa);border-radius:24px;box-shadow:0 10px 30px #0000000d;margin-top:40px;overflow:hidden;padding:48px;position:relative}.features-section .features-banner:before{background:radial-gradient(circle,#6c63ff1a 0,#6c63ff0d 50%,#fff0 70%);border-radius:50%;content:"";height:300px;position:absolute;right:-100px;top:-100px;width:300px;z-index:0}.features-section .features-banner:after{background:radial-gradient(circle,#ff65841a 0,#ff65840d 50%,#fff0 70%);border-radius:50%;bottom:-100px;content:"";height:250px;left:-50px;position:absolute;width:250px;z-index:0}.features-section .features-banner .banner-content{position:relative;z-index:1}.features-section .features-banner .banner-title{font-weight:700;margin-bottom:24px}.features-section .features-banner .banner-description{color:#5d5e72;font-size:1.1rem;line-height:1.6}.features-section .features-banner .banner-stats{display:flex;gap:24px;justify-content:center}.features-section .features-banner .banner-stats .stat-card{background-color:#fff;border-radius:16px;box-shadow:0 8px 24px #0000000f;flex:1 1;padding:24px;text-align:center}.features-section .features-banner .banner-stats .stat-card .stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#6c63ff,#ff6584);-webkit-background-clip:text;background-clip:text;font-weight:700;margin-bottom:8px}.features-section .features-banner .banner-stats .stat-card .stat-label{color:#5d5e72;font-weight:500}@media(max-width:960px){.features-section .features-banner{padding:32px}.features-section .features-banner .banner-stats{margin-top:32px}}@media(max-width:600px){.features-section .features-banner .banner-stats{flex-direction:column;gap:16px}}.examples-section{background-color:#f7f9ff}.examples-section .section-header{margin-bottom:48px;text-align:center}.examples-section .section-header .section-subtitle{color:#6c63ff;display:block;font-weight:600;letter-spacing:1.5px;margin-bottom:16px}.examples-section .section-header .section-title{font-weight:700;margin-bottom:16px}.examples-section .section-header .section-description{font-weight:400;margin:0 auto;max-width:600px}.examples-section .examples-tabs-container{display:flex;justify-content:center;margin-bottom:40px}.examples-section .examples-tabs-container .examples-tabs .MuiTabs-indicator{background:linear-gradient(90deg,#6c63ff,#ff6584);height:3px}.examples-section .examples-tabs-container .examples-tabs .MuiTab-root{font-size:1rem;font-weight:600;min-width:120px;padding:12px 24px}.examples-section .examples-tabs-container .examples-tabs .MuiTab-root.Mui-selected{color:#6c63ff}.examples-section .examples-content{margin-bottom:64px}.examples-section .examples-content .tab-panel{opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.examples-section .examples-content .tab-panel.active{opacity:1;transform:translateY(0)}.examples-section .examples-content .example-card{border-radius:16px;box-shadow:0 8px 30px #00000014;height:100%;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.examples-section .examples-content .example-card:hover{box-shadow:0 12px 30px #6c63ff26;transform:translateY(-8px)}.examples-section .examples-content .example-card .example-image{height:240px;overflow:hidden}.examples-section .examples-content .example-card .example-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.examples-section .examples-content .example-card:hover .example-image img{transform:scale(1.05)}.examples-section .examples-content .example-card .example-details{padding:24px}.examples-section .examples-content .example-card .example-details .example-title{font-weight:600;margin-bottom:8px}.examples-section .examples-content .example-card .example-details .example-description{color:#5d5e72;margin-bottom:20px}.examples-section .examples-content .example-card .example-details .example-workflow{background-color:#f7f9ff;border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:16px}.examples-section .examples-content .example-card .example-details .example-workflow .workflow-step .step-label{color:#6c63ff;font-weight:600;margin-bottom:4px}.examples-section .examples-content .example-card .example-details .example-workflow .workflow-step .step-content{background-color:#fff;border-left:3px solid #6c63ff;border-radius:8px;font-family:Courier New,monospace;font-size:.9rem;padding:12px}.examples-section .examples-content .example-card .example-details .example-workflow .workflow-arrow{display:flex;font-size:1.5rem;justify-content:center}.examples-section .examples-cta{background:linear-gradient(135deg,#6c63ff1a,#ff65841a);border-radius:16px;padding:48px;text-align:center}.examples-section .examples-cta .cta-title{font-weight:700;margin-bottom:16px}.examples-section .examples-cta .cta-description{margin:0 auto 24px;max-width:500px}.examples-section .examples-cta .cta-button{font-weight:600;padding:12px 32px}@media(max-width:768px){.examples-section .examples-content .example-card .example-image{height:200px}.examples-section .examples-cta{padding:32px 16px}}.testimonials-section{background-color:#fff}.testimonials-section .section-header{margin-bottom:64px;text-align:center}.testimonials-section .section-header .section-subtitle{color:#6c63ff;display:block;font-weight:600;letter-spacing:1.5px;margin-bottom:16px}.testimonials-section .section-header .section-title{font-weight:700;margin-bottom:16px}.testimonials-section .section-header .section-description{font-weight:400;margin:0 auto;max-width:600px}.testimonials-section .testimonials-carousel-container{margin-bottom:80px;overflow:hidden;position:relative}.testimonials-section .testimonials-carousel{transition:all .5s ease}.testimonials-section .testimonials-grid{display:flex;flex-wrap:nowrap}.testimonials-section .testimonial-item{padding:16px;transition:transform .3s ease}@media(max-width:960px){.testimonials-section .testimonial-item{width:100%}}.testimonials-section .testimonial-card{border-radius:16px;height:100%;overflow:hidden;padding:32px;position:relative;transition:all .3s ease}.testimonials-section .testimonial-card:hover{box-shadow:0 12px 30px #6c63ff1a;transform:translateY(-8px)}.testimonials-section .testimonial-card:before{color:#6c63ff1a;content:'"';font-family:serif;font-size:100px;left:20px;line-height:1;position:absolute;top:20px}.testimonials-section .testimonial-card .testimonial-content{display:flex;flex-direction:column;height:100%;position:relative;z-index:1}.testimonials-section .testimonial-card .testimonial-quote{flex-grow:1;margin-bottom:24px}.testimonials-section .testimonial-card .testimonial-quote .quote-text{color:#2a2c42;font-style:italic;line-height:1.7}.testimonials-section .testimonial-card .testimonial-rating{margin-bottom:24px}.testimonials-section .testimonial-card .testimonial-rating .MuiRating-icon{color:#ffab00}.testimonials-section .testimonial-card .testimonial-author{align-items:center;display:flex}.testimonials-section .testimonial-card .testimonial-author .author-avatar{border:3px solid #fff;box-shadow:0 4px 10px #0000001a;height:56px;margin-right:16px;width:56px}.testimonials-section .testimonial-card .testimonial-author .author-info .author-name{font-weight:600;margin-bottom:4px}.testimonials-section .testimonial-card .testimonial-author .author-info .author-role{color:#6c63ff;font-size:.85rem}.testimonials-section .testimonials-controls{align-items:center;display:flex;justify-content:center;margin-top:40px}.testimonials-section .testimonials-controls .control-button{align-items:center;background-color:#fff;border:2px solid #6c63ff33;border-radius:50%;color:#6c63ff;cursor:pointer;display:flex;font-size:1.2rem;height:48px;justify-content:center;margin:0 16px;transition:all .3s ease;width:48px}.testimonials-section .testimonials-controls .control-button:hover{background-color:#6c63ff;border-color:#6c63ff;color:#fff}.testimonials-section .testimonials-controls .testimonials-dots{align-items:center;display:flex}.testimonials-section .testimonials-controls .testimonials-dots .dot{background-color:#6c63ff4d;border-radius:50%;cursor:pointer;height:10px;margin:0 5px;transition:all .3s ease;width:10px}.testimonials-section .testimonials-controls .testimonials-dots .dot.active{background-color:#6c63ff;height:14px;width:14px}.testimonials-section .testimonials-controls .testimonials-dots .dot:hover{background-color:#6c63ffb3}.testimonials-section .testimonials-stats{background:linear-gradient(135deg,#6c63ff0d,#ff65840d);border-radius:16px;margin-top:80px;padding:48px 0}.testimonials-section .testimonials-stats .stat-item{text-align:center}.testimonials-section .testimonials-stats .stat-item .stat-number{color:#6c63ff;font-weight:700;margin-bottom:8px}.testimonials-section .testimonials-stats .stat-item .stat-label{color:#5d5e72;font-weight:500}@media(max-width:960px){.testimonials-section .testimonials-grid{flex-direction:column}.testimonials-section .testimonial-item{margin-bottom:24px;width:100%}.testimonials-section .testimonial-item:last-child{margin-bottom:0}.testimonials-section .testimonials-stats{padding:32px 16px}.testimonials-section .testimonials-stats .stat-item{margin-bottom:24px}}@media(max-width:600px){.testimonials-section .section-header{margin-bottom:40px}.testimonials-section .testimonial-card{padding:24px}}.pricing-section{background-color:#fafbff}.pricing-section .section-header{margin-bottom:48px;text-align:center}.pricing-section .section-header .section-subtitle{color:#6c63ff;display:block;font-weight:600;letter-spacing:1.5px;margin-bottom:16px}.pricing-section .section-header .section-title{font-weight:700;margin-bottom:16px}.pricing-section .section-header .section-description{font-weight:400;margin:0 auto;max-width:600px}.pricing-section .pricing-toggle{align-items:center;display:flex;justify-content:center;margin-bottom:48px}.pricing-section .pricing-toggle .MuiFormControlLabel-root{margin-right:16px}.pricing-section .pricing-toggle .savings-chip{animation:pulse 2s infinite;background-color:#ff6584;color:#fff;font-weight:500}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pricing-section .pricing-plans{margin-bottom:64px}.pricing-section .pricing-card{border-radius:16px;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.pricing-section .pricing-card:hover{transform:translateY(-8px)}.pricing-section .pricing-card.popular{border:2px solid #6c63ff}.pricing-section .pricing-card.popular:before{background:linear-gradient(90deg,#6c63ff,#ff6584);content:"";height:6px;left:0;position:absolute;right:0;top:0}.pricing-section .pricing-card .popular-tag{background:linear-gradient(90deg,#6c63ff,#ff6584);color:#fff;font-size:.8rem;font-weight:600;padding:8px 40px;position:absolute;right:-36px;top:12px;transform:rotate(45deg);z-index:1}.pricing-section .pricing-card .pricing-header{background-color:#f7f9ff;padding:24px}.pricing-section .pricing-card .pricing-header .plan-title{font-weight:700;margin-bottom:8px}.pricing-section .pricing-card .pricing-header .plan-subtitle{color:#5d5e72}.pricing-section .pricing-card .pricing-content{display:flex;flex-direction:column;flex-grow:1;padding:24px}.pricing-section .pricing-card .pricing-content .price-container{margin-bottom:24px;text-align:center}.pricing-section .pricing-card .pricing-content .price-container .price{align-items:baseline;display:flex;justify-content:center}.pricing-section .pricing-card .pricing-content .price-container .price .MuiTypography-h3{font-weight:700}.pricing-section .pricing-card .pricing-content .price-container .price .MuiTypography-h6{margin-left:4px}.pricing-section .pricing-card .pricing-content .price-container .price-note{color:#5d5e72;font-size:.85rem;margin-top:4px}.pricing-section .pricing-card .pricing-content .pricing-divider{margin-bottom:24px}.pricing-section .pricing-card .pricing-content .features-list{flex-grow:1;margin-bottom:24px}.pricing-section .pricing-card .pricing-content .features-list .feature-item{padding:8px 0}.pricing-section .pricing-card .pricing-content .features-list .feature-item .feature-icon{color:#6c63ff;font-weight:700;margin-right:12px}.pricing-section .pricing-card .pricing-content .features-list .feature-item .MuiListItemText-primary{font-size:.95rem}.pricing-section .pricing-card .pricing-content .pricing-button{border-radius:8px;font-weight:600;margin-top:auto;padding:12px}.pricing-section .pricing-info{background:linear-gradient(135deg,#6c63ff1a,#ff65841a);border-radius:16px;margin-bottom:64px;padding:48px;text-align:center}.pricing-section .pricing-info .pricing-info-title{font-weight:700;margin-bottom:16px}.pricing-section .pricing-info .pricing-info-description{color:#2a2c42;margin:0 auto 24px;max-width:700px}.pricing-section .pricing-info .enterprise-button{font-weight:600;padding:12px 32px}.pricing-section .pricing-faq .faq-title{font-weight:700;margin-bottom:40px;text-align:center}.pricing-section .pricing-faq .faq-item{background-color:#fff;border-radius:12px;box-shadow:0 4px 16px #0000000d;height:100%;padding:24px}.pricing-section .pricing-faq .faq-item .faq-question{color:#2a2c42;font-weight:600;margin-bottom:12px}.pricing-section .pricing-faq .faq-item .faq-answer{color:#5d5e72;line-height:1.6}@media(max-width:960px){.pricing-section .pricing-card{margin-bottom:24px}.pricing-section .pricing-info{padding:32px 24px}}@media(max-width:600px){.pricing-section .pricing-toggle{flex-direction:column;gap:8px}.pricing-section .pricing-toggle .MuiFormControlLabel-root{margin-right:0}.pricing-section .pricing-info{padding:24px 16px}}.cta-section{padding:40px 0 80px}.cta-section .cta-container{background:linear-gradient(135deg,#2a2c42,#1a1c28);border-radius:24px;overflow:hidden;padding:80px 60px;position:relative}@media(max-width:768px){.cta-section .cta-container{padding:60px 30px}}.cta-section .cta-container .cta-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.cta-section .cta-container .cta-background .cta-shape{background:#6c63ff1a;border-radius:50%;position:absolute}.cta-section .cta-container .cta-background .cta-shape.shape-1{height:400px;left:-100px;top:-200px;width:400px}.cta-section .cta-container .cta-background .cta-shape.shape-2{background:#ff65841a;bottom:-100px;height:300px;right:10%;width:300px}.cta-section .cta-container .cta-background .cta-shape.shape-3{background:#ffffff0d;height:200px;right:-50px;top:10%;width:200px}.cta-section .cta-container .cta-content{position:relative;z-index:1}.cta-section .cta-container .cta-title{color:#fff;font-weight:700;margin-bottom:24px}@media(max-width:768px){.cta-section .cta-container .cta-title{font-size:2.2rem}}.cta-section .cta-container .cta-subtitle{color:#fffc;font-size:1.1rem;font-weight:400;line-height:1.6;margin-bottom:32px}.cta-section .cta-container .cta-buttons{display:flex;gap:16px;margin-bottom:32px}@media(max-width:480px){.cta-section .cta-container .cta-buttons{flex-direction:column}.cta-section .cta-container .cta-buttons .MuiButton-root{width:100%}}.cta-section .cta-container .cta-buttons .start-button{font-size:1rem;font-weight:600;padding:12px 24px}.cta-section .cta-container .cta-buttons .demo-button{background-color:#ffffff1a;border-color:#fff3;color:#fff;font-size:1rem;font-weight:500;padding:12px 24px}.cta-section .cta-container .cta-buttons .demo-button:hover{background-color:#fff3}.cta-section .cta-container .cta-users{align-items:center;display:flex}.cta-section .cta-container .cta-users .user-avatars{display:flex;margin-right:16px}.cta-section .cta-container .cta-users .user-avatars .user-avatar{background-position:50%;background-size:cover;border:2px solid #2a2c42;border-radius:50%;height:40px;margin-right:-12px;width:40px}.cta-section .cta-container .cta-users .users-text{color:#ffffffb3;font-size:.9rem}.cta-section .cta-container .cta-image-container{border-radius:16px;box-shadow:0 20px 40px #0000004d;height:300px;overflow:hidden;position:relative}.cta-section .cta-container .cta-image-container .cta-image{height:100%;object-fit:cover;width:100%}.cta-section .cta-container .cta-image-container .image-overlay{background:linear-gradient(0deg,#000c 0,#0000);bottom:0;left:0;padding:20px;position:absolute;right:0}.cta-section .cta-container .cta-image-container .image-overlay .code-snippet{background-color:#1a1c28e6;border-radius:8px;font-family:Courier New,monospace;font-size:14px;line-height:1.5;padding:16px}.cta-section .cta-container .cta-image-container .image-overlay .code-snippet .code-line{color:#fff;margin-bottom:4px}.cta-section .cta-container .cta-image-container .image-overlay .code-snippet .code-line:last-child{margin-bottom:0}.cta-section .cta-container .cta-image-container .image-overlay .code-snippet .code-line .code-keyword{color:#ff79c6}.cta-section .cta-container .cta-image-container .image-overlay .code-snippet .code-line .code-var{color:#bd93f9}.cta-section .cta-container .cta-image-container .image-overlay .code-snippet .code-line .code-func{color:#50fa7b}.cta-section .cta-container .cta-image-container .image-overlay .code-snippet .code-line .code-string{color:#f1fa8c}.cta-section .cta-container .cta-image-container .image-overlay .code-snippet .code-line .code-component{color:#8be9fd}.home-page{overflow-x:hidden}.home-page .main-content>div{padding:80px 0}@media(max-width:768px){.home-page .main-content>div{padding:60px 0}}.home-page .main-content>div:nth-child(2n){background-color:#f7f9ff}.login-form-container{align-items:center;display:flex;justify-content:center;min-height:100%;padding:40px 16px}.login-form-container .login-form-wrapper{background-color:#fff;border-radius:16px;box-shadow:0 8px 30px #0000001a;max-width:450px;padding:40px;width:100%}@media(max-width:480px){.login-form-container .login-form-wrapper{padding:30px 20px}}.login-form-container .login-form-wrapper .form-title{font-weight:700;margin-bottom:8px;text-align:center}.login-form-container .login-form-wrapper .form-subtitle{color:#5d5e72;margin-bottom:32px;text-align:center}.login-form-container .login-form-wrapper .error-message{background-color:#ff47571a;border-radius:8px;color:#ff4757;font-size:.9rem;margin-bottom:24px;padding:12px 16px;text-align:center}.login-form-container .login-form-wrapper .microsoft-login-section{margin:24px 0}.login-form-container .login-form-wrapper .microsoft-login-section .microsoft-login-button{background-color:#0078d4;border-radius:8px;font-size:1rem;font-weight:600;padding:16px;text-transform:none;transition:all .3s ease}.login-form-container .login-form-wrapper .microsoft-login-section .microsoft-login-button:hover{background-color:#106ebe;box-shadow:0 6px 16px #0078d44d;transform:translateY(-2px)}.login-form-container .login-form-wrapper .microsoft-login-section .microsoft-login-button:disabled{background-color:#0078d4;opacity:.7}.login-form-container .login-form-wrapper .login-info{margin-top:24px;text-align:center}.login-page{display:flex}.login-page,.login-page .login-container{min-height:100vh}.login-page .login-form-section{background-color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;position:relative;z-index:1}.login-page .login-form-section .form-container{display:flex;flex-direction:column;margin:0 auto;max-width:550px;padding:40px 24px;width:100%}.login-page .login-form-section .form-container .logo-container{margin-bottom:40px}.login-page .login-form-section .form-container .logo-container .logo-link{display:inline-block;text-decoration:none}.login-page .login-form-section .form-container .logo-container .logo-link .logo{font-weight:700}.login-page .login-form-section .form-container .logo-container .logo-link .logo .logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#6c63ff,#ff6584);-webkit-background-clip:text;background-clip:text}.login-page .login-image-section{background:linear-gradient(135deg,#6c63ff,#ff6584);display:none;overflow:hidden;position:relative}@media(min-width:960px){.login-page .login-image-section{display:block}}.login-page .login-image-section .image-wrapper{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;position:relative}.login-page .login-image-section .image-wrapper .decorative-shape{background:#ffffff1a;border-radius:50%;position:absolute}.login-page .login-image-section .image-wrapper .decorative-shape.shape-1{height:300px;right:-100px;top:-100px;width:300px}.login-page .login-image-section .image-wrapper .decorative-shape.shape-2{bottom:-150px;height:400px;left:-150px;width:400px}.login-page .login-image-section .image-wrapper .login-illustration{border-radius:16px;box-shadow:0 20px 40px #0003;height:auto;margin-bottom:40px;max-width:500px;overflow:hidden;position:relative;width:80%;z-index:1}.login-page .login-image-section .image-wrapper .login-illustration img{display:block;height:auto;width:100%}.login-page .login-image-section .image-wrapper .image-text{color:#fff;max-width:400px;position:relative;text-align:center;z-index:1}.login-page .login-image-section .image-wrapper .image-text .headline{font-weight:700;margin-bottom:16px;text-shadow:0 2px 10px #0000001a}.login-page .login-image-section .image-wrapper .image-text .subheadline{font-size:1.1rem;opacity:.9}@media(max-width:959px){.login-page .login-form-section:before{background:linear-gradient(135deg,#6c63ff,#ff6584);-webkit-clip-path:polygon(0 0,100% 0,100% 70%,0 100%);clip-path:polygon(0 0,100% 0,100% 70%,0 100%);content:"";height:200px;left:0;position:absolute;right:0;top:0;z-index:-1}.login-page .login-form-section .logo-container .logo-link .logo{color:#fff}.login-page .login-form-section .logo-container .logo-link .logo .logo-text{-webkit-text-fill-color:#fff}}.register-form-container{align-items:center;display:flex;justify-content:center;min-height:100%;padding:40px 16px}.register-form-container .register-form-wrapper{background-color:#fff;border-radius:16px;box-shadow:0 8px 30px #0000001a;max-width:450px;padding:40px;width:100%}@media(max-width:480px){.register-form-container .register-form-wrapper{padding:30px 20px}}.register-form-container .register-form-wrapper .form-title{font-weight:700;margin-bottom:8px;text-align:center}.register-form-container .register-form-wrapper .form-subtitle{color:#5d5e72;margin-bottom:32px;text-align:center}.register-form-container .register-form-wrapper .error-message{background-color:#ff47571a;border-radius:8px;color:#ff4757;font-size:.9rem;margin-bottom:24px;padding:12px 16px;text-align:center}.register-form-container .register-form-wrapper .register-form .form-field .MuiOutlinedInput-root{border-radius:8px}.register-form-container .register-form-wrapper .register-form .form-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,.register-form-container .register-form-wrapper .register-form .form-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#6c63ff}.register-form-container .register-form-wrapper .register-form .form-field .MuiInputLabel-root.Mui-focused{color:#6c63ff}.register-form-container .register-form-wrapper .register-form .register-button{background:linear-gradient(90deg,#6c63ff,#ff6584);border-radius:8px;font-size:1rem;font-weight:600;margin-top:24px;padding:16px;text-transform:none;transition:all .3s ease}.register-form-container .register-form-wrapper .register-form .register-button:hover{background:linear-gradient(90deg,#5a52e8,#e6527a);box-shadow:0 6px 16px #6c63ff4d;transform:translateY(-2px)}.register-form-container .register-form-wrapper .register-form .register-button:disabled{box-shadow:none;opacity:.7;transform:none}.register-form-container .register-form-wrapper .register-info{margin-top:24px;text-align:center}.register-page{display:flex}.register-page,.register-page .register-container{min-height:100vh}.register-page .register-form-section{background-color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;position:relative;z-index:1}.register-page .register-form-section .form-container{display:flex;flex-direction:column;margin:0 auto;max-width:550px;padding:40px 24px;width:100%}.register-page .register-form-section .form-container .logo-container{margin-bottom:40px}.register-page .register-form-section .form-container .logo-container .logo-link{display:inline-block;text-decoration:none}.register-page .register-form-section .form-container .logo-container .logo-link .logo{font-weight:700}.register-page .register-form-section .form-container .logo-container .logo-link .logo .logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#6c63ff,#ff6584);-webkit-background-clip:text;background-clip:text}.register-page .register-image-section{background:linear-gradient(135deg,#6c63ff,#ff6584);display:none;overflow:hidden;position:relative}@media(min-width:960px){.register-page .register-image-section{display:block}}.register-page .register-image-section .image-wrapper{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;position:relative}.register-page .register-image-section .image-wrapper .decorative-shape{background:#ffffff1a;border-radius:50%;position:absolute}.register-page .register-image-section .image-wrapper .decorative-shape.shape-1{height:300px;right:-100px;top:-100px;width:300px}.register-page .register-image-section .image-wrapper .decorative-shape.shape-2{bottom:-150px;height:400px;left:-150px;width:400px}.register-page .register-image-section .image-wrapper .register-illustration{border-radius:16px;box-shadow:0 20px 40px #0003;height:auto;margin-bottom:40px;max-width:500px;overflow:hidden;position:relative;width:80%;z-index:1}.register-page .register-image-section .image-wrapper .register-illustration img{display:block;height:auto;width:100%}.register-page .register-image-section .image-wrapper .image-text{color:#fff;max-width:400px;position:relative;text-align:center;z-index:1}.register-page .register-image-section .image-wrapper .image-text .headline{font-weight:700;margin-bottom:16px;text-shadow:0 2px 10px #0000001a}.register-page .register-image-section .image-wrapper .image-text .subheadline{font-size:1.1rem;opacity:.9}@media(max-width:959px){.register-page .register-form-section:before{background:linear-gradient(135deg,#6c63ff,#ff6584);-webkit-clip-path:polygon(0 0,100% 0,100% 70%,0 100%);clip-path:polygon(0 0,100% 0,100% 70%,0 100%);content:"";height:200px;left:0;position:absolute;right:0;top:0;z-index:-1}.register-page .register-form-section .logo-container .logo-link .logo{color:#fff}.register-page .register-form-section .logo-container .logo-link .logo .logo-text{-webkit-text-fill-color:#fff}}.dashboard-sidebar{background-color:#fff;box-shadow:0 0 10px #00000014;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:240px;z-index:1000}.dashboard-sidebar .sidebar-header{padding:24px 16px}.dashboard-sidebar .sidebar-header .logo{cursor:pointer}.dashboard-sidebar .sidebar-header .logo .logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#6c63ff,#ff6584);-webkit-background-clip:text;background-clip:text}.dashboard-sidebar .sidebar-user{align-items:center;display:flex;padding:0 16px 16px}.dashboard-sidebar .sidebar-user .user-avatar{background-color:#6c63ff;margin-right:12px}.dashboard-sidebar .sidebar-user .user-info .user-name{font-weight:600;line-height:1.2}.dashboard-sidebar .sidebar-user .user-info .user-role{color:#6c63ff;font-size:.8rem}.dashboard-sidebar .sidebar-divider{margin:8px 16px}.dashboard-sidebar .sidebar-section{padding:8px 12px}.dashboard-sidebar .sidebar-section .section-title{color:#5d5e72;display:block;font-size:.7rem;font-weight:600;letter-spacing:1px;margin-bottom:8px;padding:0 8px}.dashboard-sidebar .sidebar-section .new-project-btn{border-radius:8px;margin:8px 0 16px;text-transform:none}.dashboard-sidebar .sidebar-section .sidebar-list{padding:0}.dashboard-sidebar .sidebar-section .sidebar-list .sidebar-list-item{border-radius:8px;margin-bottom:4px}.dashboard-sidebar .sidebar-section .sidebar-list .sidebar-list-item.active{background-color:#6c63ff1a}.dashboard-sidebar .sidebar-section .sidebar-list .sidebar-list-item.active .MuiListItemText-primary{color:#6c63ff;font-weight:600}.dashboard-sidebar .sidebar-section .sidebar-list .sidebar-list-item .list-icon{font-size:1.2rem;min-width:36px}.dashboard-sidebar .sidebar-section .workspace-list .workspace-item{border-radius:8px;padding:6px 8px}.dashboard-sidebar .sidebar-section .workspace-list .workspace-item .workspace-icon{font-size:1rem;min-width:36px}.dashboard-sidebar .sidebar-section .workspace-list .workspace-item .MuiListItemText-primary{font-size:.9rem;font-weight:500}.dashboard-sidebar .sidebar-section .workspace-list .workspace-item .MuiTypography-caption{color:#5d5e72;font-size:.7rem}.dashboard-sidebar .sidebar-section .utility-list .sidebar-list-item .MuiListItemText-primary{font-size:.9rem}.dashboard-sidebar .sidebar-footer{margin-top:auto;padding:16px}.dashboard-sidebar .sidebar-footer .upgrade-card{align-items:center;background:linear-gradient(45deg,#6c63ff1a,#ff65841a);border-radius:12px;display:flex;flex-direction:column;padding:16px;text-align:center}.dashboard-sidebar .sidebar-footer .upgrade-card .upgrade-title{font-weight:600;margin-bottom:4px}.dashboard-sidebar .sidebar-footer .upgrade-card .upgrade-text{color:#5d5e72;margin-bottom:12px}.dashboard-sidebar .sidebar-footer .upgrade-card .upgrade-btn{border-radius:24px;border-width:2px;font-size:.8rem;font-weight:600;text-transform:none}@media(max-width:900px){.dashboard-sidebar{display:none}}.projects-list{padding:20px}.projects-list .projects-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.projects-list .projects-header .section-title{color:#2a2c42;font-weight:700}.projects-list .projects-header .new-project-btn{border-radius:28px;font-weight:600;padding:10px 24px;text-transform:none}.projects-list .projects-controls{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:28px}.projects-list .projects-controls .search-input{flex-grow:1;max-width:400px}.projects-list .projects-controls .search-input .MuiOutlinedInput-root{background-color:#fff;border-radius:28px}.projects-list .projects-controls .search-input .MuiOutlinedInput-root .MuiInputAdornment-root{margin-right:8px}.projects-list .projects-controls .filter-buttons{display:flex;gap:12px}.projects-list .projects-controls .filter-buttons .control-button{border-color:#eef0f7;border-radius:28px;color:#5d5e72;padding:8px 16px;text-transform:none}.projects-list .projects-controls .filter-buttons .control-button:hover{background-color:#6c63ff0d;border-color:#6c63ff80}.projects-list .projects-grid{margin-bottom:40px}.projects-list .project-card{border-radius:12px;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.projects-list .project-card:hover{box-shadow:0 12px 24px #00000026;transform:translateY(-4px)}.projects-list .project-card:hover .project-image{transform:scale(1.05)}.projects-list .project-card .project-image{object-fit:cover;transition:transform .5s ease}.projects-list .project-card .project-content{display:flex;flex-direction:column;flex-grow:1;gap:12px;padding:16px}.projects-list .project-card .project-content .project-header{align-items:flex-start;display:flex;justify-content:space-between}.projects-list .project-card .project-content .project-header .project-name{font-weight:600;line-height:1.3;margin-right:12px}.projects-list .project-card .project-content .project-header .status-chip{font-size:.7rem;height:24px}.projects-list .project-card .project-content .project-header .status-chip.in-progress{background-color:#ffab00;color:#fff}.projects-list .project-card .project-content .project-header .status-chip.completed{background-color:#36b37e;color:#fff}.projects-list .project-card .project-content .project-header .status-chip.draft{background-color:#5d5e72;color:#fff}.projects-list .project-card .project-content .project-description{color:#5d5e72;flex-grow:1;font-size:.85rem;line-height:1.5}.projects-list .project-card .project-content .project-tags{display:flex;flex-wrap:wrap;gap:8px}.projects-list .project-card .project-content .project-tags .tag-chip{background-color:#f7f9ff;border-color:#eef0f7;font-size:.7rem;height:24px}.projects-list .project-card .project-actions{align-items:center;background-color:#fafbff;display:flex;justify-content:space-between;padding:12px 16px}.projects-list .project-card .project-actions .project-metadata{align-items:center;display:flex;gap:12px}.projects-list .project-card .project-actions .project-metadata .last-modified{color:#5d5e72;font-size:.75rem}.projects-list .project-card .project-actions .project-metadata .collaborators .collaborator-avatar{border:2px solid #fff;font-size:.7rem;height:24px;width:24px}.projects-list .project-card .project-actions .project-metadata .collaborators .MuiAvatarGroup-avatar{font-size:.7rem;height:24px;width:24px}.projects-list .project-card .project-actions .action-buttons{align-items:center;display:flex;gap:8px}.projects-list .project-card .project-actions .action-buttons .action-button{color:#5d5e72}.projects-list .project-card .project-actions .action-buttons .action-button:hover{background-color:#6c63ff1a}.projects-list .project-card .project-actions .action-buttons .open-button{border-radius:20px;font-size:.8rem;font-weight:600;padding:4px 16px;text-transform:none}.projects-list .no-projects{align-items:center;background-color:#f7f9ff;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:80px 0;text-align:center}.projects-list .no-projects .MuiTypography-h6{font-weight:600;margin-bottom:8px}@media(max-width:768px){.projects-list .projects-header{align-items:flex-start;flex-direction:column;gap:16px}.projects-list .projects-header .new-project-btn{align-self:flex-start}.projects-list .projects-controls{align-items:stretch;flex-direction:column}.projects-list .projects-controls .search-input{max-width:none}}.chat-box{border-radius:16px;display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-box.full-height{border-radius:0;height:calc(100vh - 136px)}.chat-box .chat-header{align-items:center;background-color:#6c63ff;color:#fff;display:flex;justify-content:space-between;padding:16px}.chat-box .chat-header .close-button{color:#fff;font-weight:700}.chat-box .chat-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:16px}.chat-box .chat-messages .message-container{display:flex;max-width:80%}.chat-box .chat-messages .message-container.user-message{align-self:flex-end;flex-direction:row-reverse}.chat-box .chat-messages .message-container.user-message .message-content{align-items:flex-end}.chat-box .chat-messages .message-container.user-message .message-content .message-bubble{background-color:#6c63ff;border-radius:18px 18px 4px 18px;color:#fff}.chat-box .chat-messages .message-container.user-message .message-content .message-time{margin-right:12px}.chat-box .chat-messages .message-container.user-message .user-avatar{background-color:#4f48c4}.chat-box .chat-messages .message-container.bot-message{align-self:flex-start}.chat-box .chat-messages .message-container.bot-message .message-bubble{background-color:#f0f2f5;border-radius:18px 18px 18px 4px;color:#2a2c42}.chat-box .chat-messages .message-container.bot-message .bot-avatar{background-color:#ff6584}.chat-box .chat-messages .message-container .message-avatar{font-size:14px;height:36px;margin:0 8px;width:36px}.chat-box .chat-messages .message-container .message-content{display:flex;flex-direction:column;gap:4px}.chat-box .chat-messages .message-container .message-content .message-bubble{box-shadow:0 1px 2px #0000001a;padding:12px 16px;word-break:break-word}.chat-box .chat-messages .message-container .message-content .message-time{color:#5d5e72;font-size:.75rem;margin-left:12px}.chat-box .chat-messages .message-container .message-content .attachments-preview{display:flex;flex-direction:column;gap:8px;margin-top:8px}.chat-box .chat-messages .message-container .message-content .attachments-preview .attachment-item{align-items:center;background-color:#fff3;border-radius:4px;display:flex;padding:8px}.chat-box .chat-messages .message-container .message-content .attachments-preview .attachment-item .MuiTypography-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-box .chat-messages .loading-indicator{display:flex;justify-content:center;margin:12px 0}.chat-box .chat-input{border-top:1px solid #eef0f7;padding:16px}.chat-box .chat-input .attachments-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.chat-box .chat-input .attachments-list .attachment-chip{align-items:center;background-color:#f0f2f5;border-radius:16px;display:flex;gap:8px;padding:4px 12px 4px 16px}.chat-box .chat-input .attachments-list .attachment-chip .remove-attachment{font-size:12px;padding:2px}.chat-box .chat-input .input-container{display:flex;flex-direction:column;gap:8px}.chat-box .chat-input .input-container .input-field{background-color:#f0f2f5;border-radius:24px}.chat-box .chat-input .input-container .input-field .MuiOutlinedInput-notchedOutline{border:none}.chat-box .chat-input .input-container .input-actions{align-items:center;display:flex;justify-content:space-between}.chat-box .chat-input .input-container .input-actions .attach-button{font-size:1.2rem}.chat-box .chat-input .input-container .input-actions .send-button{border-radius:24px;padding:8px 24px;width:100%}@media(max-width:768px){.chat-box .chat-messages .message-container{max-width:90%}}.theme-settings-drawer .MuiDrawer-paper{max-width:90vw;width:360px}.theme-settings-drawer .theme-settings{display:flex;flex-direction:column;height:100%}.theme-settings-drawer .theme-settings .settings-header{align-items:center;display:flex;justify-content:space-between;padding:16px 24px}.theme-settings-drawer .theme-settings .settings-header .MuiTypography-h5{font-weight:600}.theme-settings-drawer .theme-settings .settings-header .close-button{color:#5d5e72}.theme-settings-drawer .theme-settings .settings-divider{margin:0 0 16px}.theme-settings-drawer .theme-settings .settings-content{display:flex;flex-direction:column;flex-grow:1;gap:24px;overflow-y:auto;padding:0 24px 24px}.theme-settings-drawer .theme-settings .settings-content .settings-section-title{font-size:1.1rem;font-weight:600;margin-bottom:12px}.theme-settings-drawer .theme-settings .settings-content .color-presets{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.theme-settings-drawer .theme-settings .settings-content .color-presets .color-preset{align-items:center;cursor:pointer;display:flex;flex-direction:column;transition:all .2s ease}.theme-settings-drawer .theme-settings .settings-content .color-presets .color-preset.active{transform:translateY(-4px)}.theme-settings-drawer .theme-settings .settings-content .color-presets .color-preset.active .preset-colors{border:2px solid #6c63ff}.theme-settings-drawer .theme-settings .settings-content .color-presets .color-preset.active .preset-name{color:#6c63ff;font-weight:600}.theme-settings-drawer .theme-settings .settings-content .color-presets .color-preset .preset-colors{border:2px solid #0000;border-radius:6px;height:32px;margin-bottom:6px;width:48px}.theme-settings-drawer .theme-settings .settings-content .color-presets .color-preset .preset-name{font-size:.75rem}.theme-settings-drawer .theme-settings .settings-content .settings-section{margin-bottom:8px}.theme-settings-drawer .theme-settings .settings-content .settings-section .setting-title{color:#2a2c42;font-weight:500;margin-bottom:12px}.theme-settings-drawer .theme-settings .settings-content .settings-section .color-picker{align-items:center;display:flex;gap:12px}.theme-settings-drawer .theme-settings .settings-content .settings-section .color-picker .color-preview{border-radius:6px;height:36px;width:36px}.theme-settings-drawer .theme-settings .settings-content .settings-section .color-picker .color-input{border:none;border-radius:6px;cursor:pointer;height:36px;overflow:hidden;width:36px}.theme-settings-drawer .theme-settings .settings-content .settings-section .color-picker .color-value{background-color:#f0f2f5;border-radius:4px;font-family:monospace;padding:4px 8px}.theme-settings-drawer .theme-settings .settings-content .settings-section .mode-toggle{align-items:center;display:flex;gap:12px}.theme-settings-drawer .theme-settings .settings-content .settings-section .mode-toggle .MuiTypography-body2{color:#5d5e72}.theme-settings-drawer .theme-settings .settings-content .settings-section .density-slider,.theme-settings-drawer .theme-settings .settings-content .settings-section .radius-slider{margin-top:8px;padding:0 12px}.theme-settings-drawer .theme-settings .settings-content .settings-section .font-options{display:flex;flex-direction:column;gap:0}.theme-settings-drawer .theme-settings .settings-content .settings-section .font-options .font-option{margin-left:0;margin-right:0}.theme-settings-drawer .theme-settings .settings-actions{border-top:1px solid #0000001a;display:flex;gap:12px;justify-content:space-between;padding:16px 24px}.theme-settings-drawer .theme-settings .settings-actions .MuiButton-root{flex:1 1}@media(max-width:600px){.theme-settings-drawer .MuiDrawer-paper{width:100%}}.dashboard-page{background-color:#f7f9ff;display:flex;min-height:100vh}.dashboard-page .dashboard-container{display:flex;position:relative;width:100%}.dashboard-page .dashboard-content{flex:1 1;margin-left:240px;padding:20px;transition:margin-left .3s ease}.dashboard-page .chatbox-overlay{border-radius:16px;bottom:24px;box-shadow:0 10px 30px #0000001a;height:500px;overflow:hidden;position:fixed;right:24px;width:400px;z-index:1000}@media(max-width:600px){.dashboard-page .chatbox-overlay{height:450px;width:calc(100% - 48px)}}@media(max-width:900px){.dashboard-page .dashboard-content{margin-left:0;padding-top:80px}}.preview-window{background-color:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden}.preview-window .preview-header{align-items:center;border-bottom:1px solid #eef0f7;display:flex;justify-content:space-between;padding:12px 16px}.preview-window .preview-header .preview-tabs .MuiTabs-indicator{background-color:#6c63ff}.preview-window .preview-header .preview-tabs .MuiTab-root{font-weight:500;min-width:100px;text-transform:none}.preview-window .preview-header .preview-tabs .MuiTab-root.Mui-selected{color:#6c63ff}.preview-window .preview-header .header-actions{display:flex;gap:12px}.preview-window .preview-header .header-actions .action-button{border-radius:20px;font-size:.8rem;text-transform:none}.preview-window .prompt-display{background-color:#f7f9ff;border-bottom:1px solid #eef0f7;padding:12px 16px}.preview-window .prompt-display .prompt-label{color:#5d5e72;display:block;font-weight:600;margin-bottom:4px}.preview-window .prompt-display .prompt-text{background-color:#6c63ff1a;border-left:3px solid #6c63ff;border-radius:4px;font-family:monospace;padding:8px 12px;white-space:pre-wrap;word-break:break-word}.preview-window .loading-state{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px 20px}.preview-window .loading-state .MuiCircularProgress-root{color:#6c63ff;margin-bottom:24px}.preview-window .loading-state .loading-text{font-weight:600;margin-bottom:8px}.preview-window .loading-state .loading-subtext{color:#5d5e72;max-width:300px;text-align:center}.preview-window .preview-content{flex:1 1;overflow:hidden}.preview-window .preview-content .preview-container{height:100%}.preview-window .preview-content .preview-container .preview-iframe{border:none;height:100%;width:100%}.preview-window .preview-content .preview-container .empty-state{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 40px;text-align:center}.preview-window .preview-content .preview-container .empty-state .empty-title{font-weight:600;margin-bottom:16px}.preview-window .preview-content .preview-container .empty-state .empty-description{color:#5d5e72;margin-bottom:24px;max-width:500px}.preview-window .preview-content .preview-container .empty-state .example-prompts{align-items:center;display:flex;flex-direction:column;gap:12px}.preview-window .preview-content .preview-container .empty-state .example-prompts .MuiTypography-subtitle2{font-weight:600;margin-bottom:4px}.preview-window .preview-content .preview-container .empty-state .example-prompts .prompt-chip{background-color:#f7f9ff;border:1px solid #eef0f7;border-radius:24px;color:#2a2c42;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.preview-window .preview-content .preview-container .empty-state .example-prompts .prompt-chip:hover{background-color:#6c63ff1a;border-color:#6c63ff}.preview-window .preview-content .code-container{height:100%;overflow:auto}.preview-window .preview-content .code-container .code-block{background-color:#2a2c42;border-radius:0;color:#fff;font-family:Courier New,monospace;font-size:13px;height:100%;line-height:1.6;margin:0;overflow:auto;padding:16px;white-space:pre-wrap;word-break:break-word}.preview-window .preview-content .code-container .no-code{align-items:center;background-color:#f7f9ff;color:#5d5e72;display:flex;height:100%;justify-content:center;padding:40px;text-align:center}@media(max-width:768px){.preview-window .preview-header{align-items:flex-start;flex-direction:column;padding:12px}.preview-window .preview-header .preview-tabs{margin-bottom:12px}.preview-window .preview-content .empty-state{padding:20px}.preview-window .preview-content .empty-state .example-prompts,.preview-window .preview-content .empty-state .example-prompts .prompt-chip{width:100%}}.sp-layout,.sp-stack,.sp-wrapper{height:100%!important;width:100%!important}.sp-preview-actions,.sp-preview-actions+div,.sp-preview-actions+div+div{display:none!important}.workspace-page{background-color:#f7f9ff;display:flex}.workspace-page,.workspace-page .workspace-container{min-height:100vh}.workspace-page .workspace-sidebar{background-color:#fff;border-right:1px solid #eef0f7;display:flex;flex-direction:column;height:100vh;position:-webkit-sticky;position:sticky;top:0}.workspace-page .workspace-sidebar .workspace-header{align-items:center;border-bottom:1px solid #eef0f7;display:flex;justify-content:space-between;padding:20px}.workspace-page .workspace-sidebar .workspace-chatbox{flex:1 1;overflow:hidden}.workspace-page .workspace-preview-area{height:100vh;overflow-y:auto}@media(max-width:960px){.workspace-page .workspace-container{flex-direction:column}.workspace-page .workspace-sidebar{height:auto;min-height:50vh;position:relative}.workspace-page .workspace-preview-area{height:auto;min-height:50vh}}.history-panel{display:flex;flex-direction:column;height:100%}.history-panel .history-header{border-bottom:1px solid #eef0f7;padding:16px}.history-panel .history-header .panel-title{font-weight:600;margin-bottom:4px}.history-panel .history-header .panel-description{color:#5d5e72;font-size:.85rem}.history-panel .history-list{flex:1 1;overflow-y:auto;padding:0}.history-panel .history-list .history-item{display:flex;padding:0;position:relative}.history-panel .history-list .history-item .item-button{flex:1 1;padding:12px 16px}.history-panel .history-list .history-item .item-button:hover{background-color:#6c63ff0d}.history-panel .history-list .history-item .item-content{width:100%}.history-panel .history-list .history-item .item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:4px;width:100%}.history-panel .history-list .history-item .item-header .item-title{color:#2a2c42;flex:1 1;font-weight:500;overflow:hidden;padding-right:8px;text-overflow:ellipsis}.history-panel .history-list .history-item .item-header .item-time{background-color:#f0f2f5;color:#5d5e72;font-size:.7rem;height:24px;min-width:75px}.history-panel .history-list .history-item .item-preview{color:#5d5e72;font-family:monospace;font-size:.8rem}.history-panel .history-list .history-item .expand-button{color:#5d5e72;height:30px;position:absolute;right:8px;top:calc(50% - 15px);width:30px}.history-panel .history-list .history-item .expand-button:hover{background-color:#6c63ff1a}.history-panel .history-list .commit-container{background-color:#f7f9ff;padding:16px}.history-panel .history-list .commit-container .commit-header{margin-bottom:16px}.history-panel .history-list .commit-container .commit-header .commit-message{color:#2a2c42;font-weight:500;line-height:1.4;margin-bottom:8px;word-break:break-word}.history-panel .history-list .commit-container .commit-header .commit-time{color:#5d5e72;font-size:.75rem}.history-panel .history-list .commit-container .commit-stats{align-items:center;border-bottom:1px solid #eef0f7;display:flex;gap:12px;margin-bottom:16px;padding-bottom:16px}.history-panel .history-list .commit-container .commit-stats .stats-item{align-items:center;border-radius:12px;display:flex;justify-content:center;padding:4px 10px}.history-panel .history-list .commit-container .commit-stats .stats-item.addition{background-color:#36b37e26;color:#36b37e}.history-panel .history-list .commit-container .commit-stats .stats-item.deletion{background-color:#ff563026;color:#ff5630}.history-panel .history-list .commit-container .commit-stats .stats-files{color:#5d5e72;margin-left:auto}.history-panel .history-list .commit-container .commit-steps{border-bottom:1px solid #eef0f7;margin-bottom:16px;padding-bottom:16px}.history-panel .history-list .commit-container .commit-steps .steps-title{color:#2a2c42;font-weight:600;margin-bottom:12px}.history-panel .history-list .commit-container .commit-steps .steps-list{padding:0}.history-panel .history-list .commit-container .commit-steps .steps-list .step-item{padding:8px 0}.history-panel .history-list .commit-container .commit-steps .steps-list .step-item:not(:last-child){border-bottom:1px dashed #eef0f7}.history-panel .history-list .commit-container .commit-steps .steps-list .step-item .step-content{width:100%}.history-panel .history-list .commit-container .commit-steps .steps-list .step-item .step-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.history-panel .history-list .commit-container .commit-steps .steps-list .step-item .step-header .step-index{background-color:#6c63ff;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:2px 8px}.history-panel .history-list .commit-container .commit-steps .steps-list .step-item .step-header .step-description{color:#2a2c42;flex:1 1;font-weight:500}.history-panel .history-list .commit-container .commit-steps .steps-list .step-item .step-header .reverse-button{border-color:#ff5630;border-radius:16px;color:#ff5630;font-size:.75rem;min-width:120px;padding:2px 8px;text-transform:none;transition:all .2s ease}.history-panel .history-list .commit-container .commit-steps .steps-list .step-item .step-header .reverse-button:hover:not(:disabled){background-color:#ff56301a}.history-panel .history-list .commit-container .commit-steps .steps-list .step-item .step-header .reverse-button .reverting-spinner{animation:spin 1s linear infinite;border:2px solid #ff56304d;border-radius:50%;border-top-color:#ff5630;display:inline-block;height:12px;margin-right:6px;width:12px}@keyframes spin{to{transform:rotate(1turn)}}.history-panel .history-list .commit-container .files-list{padding:0}.history-panel .history-list .commit-container .files-list .file-item{padding:0 0 12px}.history-panel .history-list .commit-container .files-list .file-item:last-child{padding-bottom:0}.history-panel .history-list .commit-container .files-list .file-item .file-content{display:flex;flex-direction:column;width:100%}.history-panel .history-list .commit-container .files-list .file-item .file-header{align-items:center;background-color:#fff;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:8px 12px;transition:background-color .2s ease}.history-panel .history-list .commit-container .files-list .file-item .file-header:hover{background-color:#6c63ff0d}.history-panel .history-list .commit-container .files-list .file-item .file-header .file-icon{color:#5d5e72;font-size:1rem}.history-panel .history-list .commit-container .files-list .file-item .file-header .file-path{flex:1 1;font-family:Courier New,monospace;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-panel .history-list .commit-container .files-list .file-item .file-header .file-stats{display:flex;font-family:monospace;font-size:.75rem;gap:8px}.history-panel .history-list .commit-container .files-list .file-item .file-header .file-stats .addition{color:#36b37e}.history-panel .history-list .commit-container .files-list .file-item .file-header .file-stats .deletion{color:#ff5630}.history-panel .history-list .commit-container .files-list .file-item .file-header .file-expand{font-size:.75rem;height:24px;width:24px}.history-panel .history-list .commit-container .files-list .file-item .file-diff{background-color:#2a2c42;border-radius:8px;margin-top:8px;max-height:300px;overflow-y:auto}.history-panel .history-list .commit-container .files-list .file-item .file-diff pre{margin:0;padding:12px}.history-panel .history-list .commit-container .files-list .file-item .file-diff pre code{font-family:Courier New,monospace;font-size:.8rem;line-height:1.5}.history-panel .history-list .commit-container .files-list .file-item .file-diff pre code .diff-line{color:#e9ecef;padding:1px 0;white-space:pre-wrap}.history-panel .history-list .commit-container .files-list .file-item .file-diff pre code .diff-line.addition{background-color:#36b37e33;color:#9effd6}.history-panel .history-list .commit-container .files-list .file-item .file-diff pre code .diff-line.deletion{background-color:#ff563033;color:#ffb8b0}.history-panel .empty-history{align-items:center;background-color:#f7f9ff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;text-align:center}.history-panel .empty-history .empty-illustration{animation:float 4s ease-in-out infinite;margin-bottom:20px}.history-panel .empty-history .empty-title{color:#2a2c42;font-weight:600;margin-bottom:12px}.history-panel .empty-history .empty-description{color:#5d5e72;line-height:1.5;margin-bottom:24px;max-width:300px}.history-panel .empty-history .empty-action-button{border-radius:20px;box-shadow:0 4px 12px #6c63ff33;font-size:.9rem;font-weight:500;padding:8px 24px;text-transform:none;transition:all .3s ease}.history-panel .empty-history .empty-action-button:hover{box-shadow:0 6px 16px #6c63ff4d;transform:translateY(-3px)}.not-found-page{align-items:center;background:linear-gradient(135deg,#f7f9ff,#eff1fa);display:flex;justify-content:center;min-height:100vh}.not-found-page .not-found-content{max-width:600px;padding:60px 20px;text-align:center}.not-found-page .not-found-content .error-code{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#6c63ff,#ff6584);-webkit-background-clip:text;background-clip:text;font-size:8rem;font-weight:700;margin-bottom:24px}@media(max-width:600px){.not-found-page .not-found-content .error-code{font-size:6rem}}.not-found-page .not-found-content .error-title{color:#2a2c42;font-weight:600;margin-bottom:16px}@media(max-width:600px){.not-found-page .not-found-content .error-title{font-size:1.8rem}}.not-found-page .not-found-content .error-message{color:#5d5e72;line-height:1.6;margin-bottom:32px}.not-found-page .not-found-content .action-buttons{display:flex;gap:16px;justify-content:center}@media(max-width:480px){.not-found-page .not-found-content .action-buttons{align-items:center;flex-direction:column}}.not-found-page .not-found-content .action-buttons .dashboard-button,.not-found-page .not-found-content .action-buttons .home-button{font-weight:500;padding:10px 24px;text-transform:none}@media(max-width:480px){.not-found-page .not-found-content .action-buttons .dashboard-button,.not-found-page .not-found-content .action-buttons .home-button{margin-bottom:12px;width:100%}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}.page-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#6c63ff,#ff6584);-webkit-background-clip:text;background-clip:text}.glow-effect{box-shadow:0 0 20px #6c63ff80}.animated-gradient-bg{animation:gradient 15s ease infinite;background:linear-gradient(-45deg,#6c63ff,#ff6584,#23a6d5,#23d5ab);background-size:400% 400%}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.05)}.text-overflow-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.fade-in{animation:fadeIn .8s ease-in-out}.slide-in{animation:slideInFromBottom .8s ease-in-out}.float{animation:float 5s ease-in-out infinite}
/*# sourceMappingURL=main.cbd11659.css.map*/