@import url(https://fonts.googleapis.com/css2?family=Inria+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap);:root{--black:#000;--gray:#7f7f7f;--lightGray:#d8d8d8;--veryLightGray:#eaeaea;--white:#fff;--blue:#4d92ce;--darkBlue:#2d2e75;--purple:#8548fb;--body:"Inria Sans",sans-serif}[data-theme=dark]{--black:#fff;--gray:#a0a0a0;--lightGray:#333;--veryLightGray:#444;--white:#1e1e1e;--blue:#4d92ce;--darkBlue:#2a2977}*{box-sizing:border-box}body{background-color:#fff;background-color:var(--white);color:#7f7f7f;color:var(--gray);font-family:Inria Sans,sans-serif;font-family:var(--body);margin:0;padding:0;scroll-behavior:smooth;transition:background-color .5s ease}.gap{height:140px}header{align-items:center;display:flex;justify-content:space-between;left:0;padding:50px 100px;position:fixed;right:0;top:0;transition:background-color .3s ease;z-index:1000}header.blurred{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}header>div:first-child{flex:1 1}header>div:nth-child(2){display:flex;flex:1 1;justify-content:center}header>div:nth-child(3){display:flex;flex:1 1;justify-content:flex-end}header ul{align-items:center;background-color:#d8d8d8;background-color:var(--lightGray);border-radius:40px;display:flex;justify-content:space-between!important;list-style:none;margin:0;padding:16px 30px}header ul li a{color:#333;color:#7f7f7f;color:var(--gray);font-size:14px;font-weight:500;text-decoration:none;transition:color .3s ease}header ul li a.active,header ul li a:hover{color:#4d92ce;color:var(--blue)}header img{height:40px;width:auto}header .btn{background-color:#d8d8d8!important;background-color:var(--lightGray)!important;background:linear-gradient(180deg,#d8d8d8,#d8d8d8)!important;background:linear-gradient(to bottom,var(--lightGray),var(--lightGray))!important;color:#4d92ce!important;color:var(--blue)!important}.btn{align-items:center;background-color:#d8d8d8;background-color:var(--lightGray);border:0;border-radius:40px;color:#4d92ce;color:var(--blue);cursor:pointer;display:flex;font-size:24px;gap:10px;justify-content:center;padding:10px 20px}.home01{grid-gap:34px;display:grid;font-size:28px;font-weight:400;gap:34px;grid-template-columns:repeat(2,1fr);line-height:1.5em;padding:20px 100px;text-align:justify}.home-banner{align-items:center;background-image:url(/static/media/Frame%20133.98cc1abc7a445e992e65.png);background-size:cover;color:#fff;display:flex;flex-direction:column;font-size:20px;justify-content:center;min-height:550px;padding:80px;text-align:center;width:100%}.home-banner h1{color:#fff!important;font-size:54px;line-height:1.2em}.home-banner .btn{background-color:#66666690;color:#fff;color:var(--white);transition:all .3s ease}.home-banner .btn:hover{background-color:#666}a{color:#4d92ce;color:var(--blue);text-decoration:none}.clients{background-color:#d3d3d3;margin:40px 0;padding:30px 100px}.clients,.clients-scroll-container{align-items:center;display:flex;justify-content:space-between}.clients-scroll-container{width:100%}.clients-scroll-container img{height:auto;width:auto}@media (max-width:992px){.clients{overflow:hidden;padding:30px 0}.clients-scroll-container{-ms-overflow-style:none;gap:60px;overflow-x:hidden;scrollbar-width:none;white-space:nowrap}.clients-scroll-container::-webkit-scrollbar{display:none}.clients-scroll-container img{display:inline-block;flex-shrink:0;height:30px;width:auto}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-100%)}}}h1,h2{color:#4d92ce!important;color:var(--blue)!important;font-size:48px}h2{font-size:36px}.home02{line-height:1.5em;margin:30px auto;text-align:center;width:80%}.flex,.home02{font-size:24px}.flex{align-items:center;display:flex;gap:40px;margin:20px 100px}.flex p{color:#7f7f7f;color:var(--gray)}.btn-container{display:flex;gap:20px;margin:20px auto!important}.btn-container .btn,.home02 .btn{cursor:auto}.flex .btn{border-radius:10px;color:#7f7f7f;color:var(--gray)}.flex .btn,.flex a{font-size:24px}.flex-img img{width:700px}.home02 .btn{display:inline}.process-container{margin-top:70px;position:relative}.process-container02{display:none}.process{background-image:url(/static/media/Vector.d616b57f5c3d4d4f2ed9.png);background-repeat:no-repeat;background-size:auto;height:380px;left:50%;margin:auto;position:absolute;top:70%;transform:translate(-50%,-50%);width:80%;z-index:-99}.row{align-items:center;display:flex;justify-content:space-between;margin-bottom:70px}.row:nth-child(2){gap:100px;justify-content:center}.row .card{background-color:#d8d8d8;background-color:var(--lightGray);border-radius:30px;color:#000;color:var(--black);min-width:350px;padding:50px 80px}.testimonials{align-items:center;background-color:#fff;background-color:var(--white);border-radius:20px;display:flex;flex-direction:column;margin:40px auto;overflow:hidden}.section-title{color:#4d92ce;color:var(--blue);font-size:36px;margin-bottom:40px;margin-top:80px}.testimonial-content{align-items:center;display:flex;margin-bottom:40px;transition:transform .5s ease-in-out;width:100%}.testimonial-slider-wrapper{overflow:hidden;position:relative;width:100%}.testimonial-content.testimonial-slider{display:flex;width:100%}.testimonial-item{align-items:center;box-sizing:border-box;display:flex;gap:40px;min-width:100%;padding:0 100px}.testimonial-left{box-sizing:border-box;flex:1 1;max-width:50%;overflow:hidden;text-align:center}.testimonial-logo{align-items:center;display:flex;justify-content:center;margin-bottom:30px;max-height:400px;overflow:hidden}.testimonial-title{font-weight:900;margin-bottom:5px}.testimonial-name,.testimonial-title{color:#000!important;color:var(--black)!important;font-size:34px!important}.testimonial-name{font-style:900;font-weight:700;margin-bottom:20px}.testimonial-quote{color:#000;color:var(--black);font-size:26px!important;font-weight:100;line-height:1.6}.testimonial-left a{color:#4d92ce;color:var(--blue);display:inline-block;font-size:24px;margin-top:20px;text-decoration:none}.testimonial-right{align-items:center;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:15px;overflow:hidden;text-align:center}.testimonial-right img{border-radius:15px;height:auto;max-width:100%}.testimonial-pagination{margin-top:40px;text-align:center}.dot{background-color:#eaeaea;background-color:var(--veryLightGray);border-radius:50%;box-shadow:none;cursor:pointer;display:inline-block;height:12px;margin:0 8px;transition:background-color .3s ease,border-color .3s ease;width:12px}.dot.active{background-color:#4d92ce;background-color:var(--blue);border:none;box-shadow:none}.footer-container{margin-top:80px;text-align:center}.footer-container h2{font-size:36px;margin-bottom:260px}footer{background:linear-gradient(180deg,#4d92ce,#2d2e75);background:linear-gradient(to bottom,var(--blue),var(--darkBlue));color:#fff;color:var(--white);padding:60px 100px 20px;text-align:left}.footer-top{background-color:#d8d8d8;background-color:var(--lightGray);border-radius:10px;box-shadow:0 4px 15px #0003;margin:-280px auto 60px;max-width:60%;padding:40px;text-align:center}.footer-top h2{color:#4d92ce;color:var(--blue);margin-bottom:30px}.contact-form-container{align-items:center;display:flex;flex-direction:column;gap:20px;margin:auto}.contact-form-container input,.contact-form-container textarea{background-color:initial;border:none;border-bottom:1px solid #4d92ce;border-bottom:1px solid var(--blue);color:#000;color:var(--black);font-size:16px;padding:15px 0;width:100%}.contact-form-container input::placeholder,.contact-form-container textarea::placeholder{color:#7f7f7f;color:var(--gray)}.contact-form-container input:focus,.contact-form-container textarea:focus{outline:none}.send-message-btn{background:linear-gradient(180deg,#4d92ce,#2d2e75);background:linear-gradient(to bottom,var(--blue),var(--darkBlue));border:none;border-radius:20px;color:#fff;color:var(--white);cursor:pointer;font-size:18px;margin-top:20px;padding:12px 30px;transition:background .3s ease}.send-message-btn:hover{background:linear-gradient(180deg,#4782c1,#5b9de9)}.footer-bottom{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between}.footer-info{max-width:50%}.footer-info p{color:#fff;color:var(--white);font-size:24px;line-height:1.6;margin-bottom:20px}.follow-us{align-items:center;display:flex;gap:10px;margin-bottom:20px}.follow-us span{color:#fff;color:var(--white);font-size:18px;font-weight:700}.follow-us svg{fill:#fff;fill:var(--white);height:20px;vertical-align:middle;width:auto}.follow-us svg:hover{fill:#d8d8d8;fill:var(--lightGray)}.copyright{border-top:1px solid #d8d8d8;border-top:1px solid var(--lightGray);color:#d8d8d8;color:var(--lightGray);font-size:16px;margin-top:40px;padding-top:20px}.footer-nav{list-style:none;margin:0;padding:0}.footer-nav li{margin-bottom:10px}.footer-nav a{color:#fff;color:var(--white);font-size:24px;text-decoration:none;transition:color .3s ease}.footer-nav a:hover{color:#d8d8d8;color:var(--lightGray)}.about-banner{align-items:center;background-image:url(/static/media/Frame%20134.93c5449afac5258b9df5.png);background-size:cover;color:#fff;display:flex;flex-direction:column;font-size:20px;justify-content:center;margin:auto;min-height:600px;text-align:center;width:100%}.about-banner h1{color:#fff!important}.about-banner-container{padding:20px 100px}.about01{font-size:32px;padding:20px 160px;text-align:justify}.mission{grid-gap:50px;align-items:center;display:grid;font-size:28px;gap:50px;grid-template-columns:repeat(2,1fr);justify-content:center;line-height:1.4em;margin-bottom:50px}.mission img{object-fit:cover;width:100%}.mission p{margin:0}.values{margin:100px 0;text-align:center}.value{margin-bottom:40px;text-align:left}.value span{color:#4d92ce;color:var(--blue);font-weight:900}.service-buttons{display:flex;gap:20px;justify-content:center;margin-bottom:40px}.service-buttons .btn{background-color:#d8d8d8;background-color:var(--lightGray);border:none;border-radius:40px;color:#7f7f7f;color:var(--gray);cursor:pointer;font-size:18px;padding:10px 20px;transition:background-color .3s ease,color .3s ease}.service-buttons .btn.active{background:linear-gradient(180deg,#4d92ce,#2d2e75);background:linear-gradient(to bottom,var(--blue),var(--darkBlue));color:#fff;color:var(--white)}.service-buttons .btn:hover:not(.active){background-color:silver;color:#000;color:var(--black)}.service-content{color:#7f7f7f;color:var(--gray);font-size:18px;line-height:1.6;padding:20px 100px}.service-content h2{color:#4d92ce;color:var(--blue);font-size:32px;margin-bottom:20px}.service-content strong{color:#000;color:var(--black)}.service-content ol,.service-content ul{margin-bottom:20px}ol ul{padding:10px}.service-content li{color:#000;color:var(--black);margin-bottom:10px}.service-content ul li{list-style:disc!important;margin-left:0!important}.service-content ol li{list-style:decimal;margin-left:20px}.services-banner{align-items:center;background-size:cover;border-radius:40px;box-shadow:0 2px 8px #0000001a;display:grid;font-size:20px;grid-template-columns:repeat(2,1fr);height:550px;margin:20px 100px;overflow:hidden;width:90%}.banner-content{align-items:center;display:flex;flex-direction:column;gap:40px;justify-content:center;text-align:center}.banner-content h1,.banner-content p{color:#000!important;font-weight:300;margin:0}.smart-systems-banner .banner-content h1,.smart-systems-banner .banner-content p{color:#fff!important}.services-banner h1{font-size:54px;line-height:1.2em}.services-banner p{font-size:20px;margin-bottom:20px}.services-banner .btn{background-color:#66666690;color:#fff;color:var(--white);transition:all .3s ease}.services-banner .btn:hover{background-color:#666}.services-banner.mobile-banner{background-image:url(/static/media/Asset%206@300x.6727e44646738de7c3b5.png)}.mobile-banner02{background-image:url(/static/media/Portfolio.5ab343ecef25a6f82215.png)}.mobile-banner03{background-image:url(/static/media/Asset%202@300x.f7c9a332f08e2f6006b9.png)!important}.mobile-banner03 .btn,.mobile-banner03 h1,.mobile-banner03 p{color:#fff!important}.websites-banner02{background-image:url(/static/media/Portfolio.dd6368b20ea6181f15f6.png)}.services-banner.websites-banner{background-image:url(/static/media/Asset%207@300x.d45f42d91ec34683132e.png)}.services-banner.smart-systems-banner{background-image:url(/static/media/Artboard%201@4x.2dcef8af6d2e2b00bd38.png)}.services-intro{align-items:center;border-radius:15px;color:#7f7f7f;color:var(--gray);display:flex;font-size:20px;gap:20px;justify-content:center;line-height:1.6;margin-bottom:40px;overflow:hidden;padding:40px 0;position:relative;text-align:center}.services-intro-content{background-color:#fff;background-color:var(--white);border:none;border-radius:15px;box-shadow:0 4px 15px #0000001a;flex-grow:0;padding:40px;width:63%}.services-intro-image{height:auto;position:absolute;top:50%;transform:translateY(-50%);width:350px;z-index:0}.services-intro-image.left-image{left:0}.services-intro-image.right-image{right:0}.services-intro h2{font-size:32px;margin-bottom:20px}.services-intro h2,.services-intro strong{color:#000;color:var(--black)}.services-intro p a{color:#4d92ce;color:var(--blue);cursor:pointer!important;font-size:20px;text-decoration:underline;z-index:9999}.services-intro p{margin-bottom:15px}.projects-section{padding:40px 100px;text-align:center}.projects-section h2{color:#4d92ce;color:var(--blue);font-size:36px;margin-bottom:30px}.projects-slideshow{display:flex;gap:30px;margin:40px auto;overflow-x:scroll;overflow-y:visible;padding-bottom:20px}.project-item{flex:0 0 auto;padding:400px auto!important;width:350px;z-index:99}.project-item:hover{scale:1.05}.project-item img{height:auto}.project-item p{margin:0}.projects-slideshow::-webkit-scrollbar{display:none}.projects-slideshow{-ms-overflow-style:none;scrollbar-width:none}.smart-projects{width:240px!important}.smart-projects img{width:120px!important}.website-project{width:520px}.project-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:0;transition:all .3s ease;z-index:1}.project-item img{object-fit:cover;width:100%}.project-item p{color:#4d92ce;color:var(--blue);font-size:18px;margin:15px 0;padding:0 10px;text-align:center;width:100%}.projects-list{display:flex;flex-direction:column;gap:60px}.projects-list .flex{margin:0;text-align:left}.projects-list .flex h2{margin:0}.projects-list .flex span{font-size:14px}.left{flex-direction:row-reverse}.contact-banner{background-image:url(/static/media/contactBanner.d1b9780621de2170e4b6.png);box-shadow:0 2px 8px #0000001a}.contact{color:#000;color:var(--black);margin:20px 100px;text-align:center}.contact-form{margin:60px}.contact-form input,.contact-form label,.contact-form textarea{background-color:#d8d8d8;background-color:var(--lightGray);border:none;border-radius:20px;color:#000;color:var(--black);font-size:24px;margin-bottom:40px;padding:15px 30px;width:100%}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#7f7f7f;color:var(--gray)}.contact-form input:focus,.contact-form textarea:focus{outline:none}.contact-form div{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:repeat(4,1fr);justify-content:space-between;margin-bottom:40px;text-align:left}.contact-form div table{align-items:center;font-size:24px}.contact-form label{margin:0}.contact-form .send-message-btn{background:linear-gradient(90deg,#2d2e75,#4d92ce);background:linear-gradient(to right,var(--darkBlue),var(--blue));border:none;border-radius:30px;color:#fff;color:var(--white);cursor:pointer;display:block;font-size:18px;margin-left:auto;margin-right:0;margin-top:30px;min-width:150px;padding:15px 40px;text-align:center;transition:background .3s ease}.contact-form .send-message-btn:hover{background:linear-gradient(90deg,#3a3b8a,#5b9de9)}.radio{height:30px;transform:translateY(20px);width:30px!important}.contact-form textarea{max-height:320px;max-width:100%;min-height:320px;min-width:100%;resize:none}.project-details{background-color:#fff;background-color:var(--white);margin:0 auto;padding:40px 100px}.project-banner img{box-shadow:0 2px 8px #0000001a;width:100%}.project-details h1{color:#000;color:var(--black);font-size:60px}.project-details p{color:#000;color:var(--black);font-size:24px;font-weight:100}.project-details02{padding:20px 100px;text-align:center}.project-details02 div{text-align:left}.project-details02 li{color:#000;color:var(--black);font-size:22px;line-height:1.6em}.project-details02 .btn-container{align-items:center;justify-content:center;padding:50px;width:100%}.category,.project-details02 .btn-container .btn{color:#7f7f7f;color:var(--gray)}.category{background-color:#d8d8d8;background-color:var(--lightGray);border-radius:20px;display:inline-block;font-size:20px;margin-bottom:20px;padding:8px 20px}.project-content{grid-gap:80px;align-items:start;display:grid;gap:80px;grid-template-columns:1fr 1fr}.project-image{border-radius:30px;box-shadow:0 10px 30px #0000001a;overflow:hidden;position:relative;transition:transform .3s ease}.project-image:hover{transform:translateY(-10px)}.project-image img{display:block;height:auto;transition:transform .3s ease;width:100%}.project-image:hover img{transform:scale(1.05)}.project-info h2{color:#4d92ce;color:var(--blue);font-size:36px;margin:0 0 25px;padding-bottom:15px;position:relative}.description p{color:#7f7f7f;color:var(--gray);font-size:18px;line-height:1.8;margin-bottom:30px}.features{background-color:#d8d8d8;background-color:var(--lightGray);border-radius:20px;padding:30px;transition:transform .3s ease}.features:hover{transform:translateX(10px)}.features ul{list-style:none;margin:0;padding:0}.features li{color:#7f7f7f;color:var(--gray);font-size:18px;line-height:1.6;margin-bottom:20px;padding-left:35px;position:relative}.features li:before{color:#4d92ce;color:var(--blue);content:"→";font-size:24px;left:0;position:absolute;transition:transform .3s ease}.features li:hover:before{transform:translateX(5px)}.platform-tags,.tech-tags{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.platform-tag,.tech-tag{background:linear-gradient(90deg,#4d92ce,#2d2e75);background:linear-gradient(to right,var(--blue),var(--darkBlue));border-radius:25px;color:#fff;color:var(--white);font-size:16px;padding:10px 25px;transition:transform .3s ease,box-shadow .3s ease}.platform-tag:hover,.tech-tag:hover{box-shadow:0 5px 15px #4d92ce4d;transform:translateY(-5px)}.project-not-found{background-color:#fff;background-color:var(--white);border-radius:30px;box-shadow:0 10px 30px #0000001a;margin:40px auto;max-width:600px;padding:100px 20px;text-align:center}.project-not-found h1{color:#4d92ce;color:var(--blue);font-size:48px;margin-bottom:30px}.project-not-found .btn{align-items:center;background:linear-gradient(90deg,#4d92ce,#2d2e75);background:linear-gradient(to right,var(--blue),var(--darkBlue));border-radius:30px;color:#fff;color:var(--white);display:inline-flex;font-size:18px;gap:10px;padding:15px 30px;transition:transform .3s ease,box-shadow .3s ease}.project-not-found .btn:hover{box-shadow:0 5px 15px #4d92ce4d;transform:translateY(-5px)}.loading{align-items:center;background-color:#fff;background-color:var(--white);display:flex;height:10vh;justify-content:center}.loading h1{animation:pulse 1.5s infinite;color:#4d92ce;color:var(--blue);font-size:36px;text-align:center}@keyframes pulse{0%{opacity:.6;transform:scale(.98)}50%{opacity:1;transform:scale(1)}to{opacity:.6;transform:scale(.98)}}.admin-dashboard{background-color:#fff;background-color:var(--white);max-width:1400px;padding:40px 100px}.admin-dashboard h1{color:#4d92ce;color:var(--blue);font-size:48px;margin-bottom:40px;text-align:center}.project-form{background-color:#fff;background-color:var(--white);border-radius:20px;box-shadow:0 4px 15px #0000001a;margin-bottom:60px;padding:40px}.form-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:15px;margin-bottom:40px;padding:30px}.form-section h3{border-bottom:2px solid #d8d8d8;color:#4d92ce;font-size:24px}.section-description{color:#7f7f7f;color:var(--gray);font-size:14px;margin-bottom:20px}.form-group label{color:#7f7f7f;font-weight:500}.form-group input[type=text],.form-group select,.form-group textarea{border:1px solid #d8d8d8;color:#000;padding:12px 15px;transition:border-color .3s ease,box-shadow .3s ease}.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4d92ce;box-shadow:0 0 0 3px #4d92ce1a}.radio-group{gap:20px;margin-top:10px}.radio-label{align-items:center;border:1px solid #d8d8d8;border:1px solid var(--lightGray);border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:10px 20px;transition:all .3s ease}.radio-label:hover{background-color:#f8f9fa}.radio-label input[type=radio]{height:18px;margin:0;width:18px}.radio-text{color:#7f7f7f;color:var(--gray);font-size:16px}.collection-selector{grid-gap:20px;gap:20px;grid-template-columns:repeat(2,1fr);margin-top:10px}.collection-option{border:2px solid #d8d8d8;border:2px solid var(--lightGray);padding:20px}.collection-option:hover{background-color:#f8f9fa;border-color:var(--blue)}.collection-option.active{background-color:#4d92ce1a;border-color:var(--blue)}.collection-option h4{color:#4d92ce;color:var(--blue);font-size:18px;margin:0 0 10px}.collection-option p{color:#7f7f7f;color:var(--gray);font-size:14px}.image-preview{border-radius:10px;box-shadow:0 2px 8px #0000001a;margin-top:15px;overflow:hidden}.image-preview img{display:block;height:auto;width:100%}.feature-group{background-color:#fff;border:1px solid #d8d8d8;border:1px solid var(--lightGray);border-radius:10px;padding:20px}.feature-group,.feature-group .form-group{margin-bottom:15px}.feature-group input[type=text],.feature-group textarea{margin-bottom:10px}.remove-btn{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 15px;transition:background-color .3s ease}.remove-btn:hover{background-color:#c82333}.add-btn{align-items:center;background-color:var(--blue);border-radius:5px;display:flex;font-size:16px;gap:8px;padding:10px 20px;transition:background-color .3s ease}.add-btn:hover{background-color:#3a7bb8}.form-actions{border-top:1px solid #d8d8d8;border-top:1px solid var(--lightGray);gap:20px}.submit-btn{background:linear-gradient(90deg,#2d2e75,#4d92ce);transition:all .3s ease}.submit-btn:hover{box-shadow:0 4px 15px #4d92ce4d;transform:translateY(-2px)}.cancel-btn{background-color:#d8d8d8;background-color:var(--lightGray);border-radius:30px;color:#7f7f7f;padding:15px 40px;transition:all .3s ease}.cancel-btn:hover{background-color:silver;color:#000}.error{font-size:14px;margin-left:10px}.projects-list h2{color:#4d92ce;color:var(--blue);font-size:32px;margin-bottom:30px}.project-card{background-color:var(--white);border-radius:15px;box-shadow:0 4px 15px #0000001a}.project-card img{height:200px;object-fit:cover;width:100%}.project-card h3{color:#4d92ce;color:var(--blue);font-size:24px;margin:20px}.project-card p{color:#7f7f7f;color:var(--gray);font-size:16px;margin:0 20px 20px}.color-grid{border-radius:40px;box-shadow:0 4px 8px #0000001a;display:grid;grid-template-columns:repeat(2,1fr);margin:50px auto;min-height:680px;overflow:hidden;position:relative}.color-block{align-items:center;color:#fff;color:var(--white);display:flex;font-size:24px;font-weight:700;height:100%;justify-content:center;min-height:340px;padding:20px;text-align:center;width:100%}.color-grid .color-block:last-child{grid-column:span 2!important;height:100%;width:100%}.color-palette-title{color:#fff!important;color:var(--white)!important;font-size:46px;left:50%;position:absolute;text-shadow:2px 2px 4px #0000004d;top:10px;transform:translate(-50%,-50%);z-index:2}.prototype-container{align-items:center;display:flex;justify-content:center}.figma-prototype-container{background:#f8f9fa;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:20px 0;max-width:100%;padding:20px;width:100%}.prototype-header{margin-bottom:20px;text-align:center}.prototype-header h3{color:#495057;font-size:1.4em;margin:0 0 8px}.prototype-header p{color:#6c757d;font-size:.95em;margin:0}.prototype-iframe-container{margin-bottom:20px}.prototype-iframe-container iframe{transition:all .3s ease}.prototype-iframe-container iframe:hover{box-shadow:0 6px 20px #0003!important;transform:translateY(-2px)}.prototype-info{background:#fff;border:1px solid #e9ecef;padding:20px}.prototype-info p{color:#495057;font-size:1em;line-height:1.5;margin:0 0 10px}.prototype-info p:last-child{margin-bottom:0}.prototype-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.copy-url-btn{align-items:center;background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9em;gap:6px;padding:8px 16px;transition:all .2s ease}.copy-url-btn:hover{background:#5a6268;transform:translateY(-1px)}.copy-url-btn:active{transform:translateY(0)}.copy-url-btn:focus{box-shadow:0 0 0 2px #6c757d4d;outline:none}[data-theme=dark] .prototype-header h3{color:#e9ecef}[data-theme=dark] .prototype-header p{color:#adb5bd}[data-theme=dark] .prototype-alternatives{background:#3a3a3a;border-color:#495057}[data-theme=dark] .prototype-alternatives h4{color:#e9ecef}[data-theme=dark] .method-description{color:#adb5bd}[data-theme=dark] .prototype-url{background:#2d3748;border-color:#495057;color:#ced4da}[data-theme=dark] .copy-url-btn{background:#495057;color:#e9ecef}[data-theme=dark] .copy-url-btn:hover{background:#5a6268}[data-theme=dark] .copy-url-btn:focus{box-shadow:0 0 0 2px #49505780}[data-theme=dark] .prototype-fallback{background:#3a3a3a;border-color:#495057}[data-theme=dark] .fallback-content h4{color:#e9ecef}[data-theme=dark] .fallback-content p{color:#adb5bd}.prototype-info{background:#00000008;border-radius:8px;border-top:1px solid #e9ecef;margin-top:15px;padding:10px;text-align:center}.prototype-info p{color:#6c757d;font-size:.9em;margin:0}.prototype-loading{background:#00000005;border:1px dashed #dee2e6;border-radius:8px;margin-bottom:15px;padding:20px;text-align:center}.prototype-loading p{color:#6c757d;font-style:italic;margin:0}[data-theme=dark] .figma-prototype-container{background:#2d2d2d;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .prototype-info{background:#ffffff0d;border-top-color:#495057}[data-theme=dark] .prototype-info p{color:#adb5bd}[data-theme=dark] .prototype-loading{background:#ffffff08;border-color:#495057}[data-theme=dark] .prototype-loading p{color:#adb5bd}.debug-info{background:#0000000d;border:1px solid #e9ecef;border-radius:4px;font-family:Courier New,monospace;padding:5px 8px;word-break:break-all}[data-theme=dark] .debug-info{background:#ffffff0d;border-color:#495057}.embed-test-buttons button{transition:all .2s ease}.embed-test-buttons button:hover{box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.embed-test-buttons button:active{transform:translateY(0)}@media (max-width:768px){.figma-prototype-container{margin:10px 0;padding:10px}.prototype-alternatives{padding:15px}.embed-methods{flex-direction:column}.embed-method-btn{text-align:center;width:100%}}@media (max-width:480px){.prototype-header h3{font-size:1.2em}.prototype-alternatives{padding:12px}}.no-prototype-message{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;margin:20px 0;padding:40px 20px;text-align:center}.no-prototype-message p{color:#6c757d;margin:10px 0}.prototype-note{color:#495057;font-size:.9em;line-height:1.5;margin:15px auto 0;max-width:600px}[data-theme=dark] .no-prototype-message{background:#2d2d2d;border-color:#495057}[data-theme=dark] .no-prototype-message p{color:#adb5bd}[data-theme=dark] .prototype-note{color:#ced4da}.prototype-error{background:#fff5f5;border:2px solid #fed7d7;border-radius:12px;margin:20px 0;padding:30px 20px;text-align:center}.prototype-error p{color:#c53030;margin:10px 0}[data-theme=dark] .prototype-error{background:#2d1b1b;border-color:#742a2a}[data-theme=dark] .prototype-error p{color:#feb2b2}.phases li{color:#4d92ce;color:var(--blue);font-weight:600;margin-bottom:20px}.phases li span{color:#000;color:var(--black);font-weight:100}.product-images{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;width:100%}.website-img{column-count:2;column-gap:14px;display:block}.website-img img{display:inline!important;max-width:100%!important}.product-images img{break-inside:avoid;display:block;margin-bottom:14px;max-width:260px;page-break-inside:avoid}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}[data-theme=dark] .slider{background-color:var(--darkGray)}[data-theme=dark] input:checked+.slider{background-color:#d8d8d8;background-color:var(--lightGray)}[data-theme=dark] .slider:before{background-color:#fff;background-color:var(--white)}[data-theme=dark] input:checked+.slider:before{background-color:#7f7f7f;background-color:var(--gray)}.dark,[data-theme=dark] .light{display:none}[data-theme=dark] .dark{display:inline-block}[data-theme=dark] .about-banner-container .btn,[data-theme=dark] .home-banner .btn{color:#fff!important}[data-theme=dark] .service-buttons .btn.active{background:#7f7f7f!important}[data-theme=dark] .home02 .btn{color:#fff}.error-message,.success-message{text-align:center;width:100%}.success-message{border:1px solid #c3e6cb}.error-message{border:1px solid #f5c6cb}[data-theme=dark] .success-message{background-color:#1e4620;border-color:#2a5a2a;color:#d4edda}[data-theme=dark] .error-message{background-color:#4a1c1c;border-color:#5a2a2a;color:#f8d7da}.menu-toggle{align-items:flex-end;cursor:pointer;display:none;flex-direction:column;height:25px;justify-content:space-around;width:30px;z-index:1100}.menu-toggle span{background-color:#4d92ce;background-color:var(--blue);border-radius:5px;display:block;height:3px;transition:all .3s ease-in-out;width:100%}.menu-toggle span:nth-child(3){width:60%}.menu-toggle.open span:first-child{transform:translateY(5px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-12px) rotate(-45deg);width:100%}[data-theme=dark] .send-message-btn{background:#444!important;background-color:#444!important;color:#fff!important}[data-theme=dark] .send-message-btn:hover{background:#7f7f7f!important;background-color:#7f7f7f!important}@media (max-width:992px){header{justify-content:space-around!important;padding:30px 40px}header>div:nth-child(2){display:flex;justify-content:flex-start;order:-1}header>div:nth-child(3){display:none}.menu-toggle{display:flex;margin-left:auto}header ul{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fff;background-color:var(--white);border-radius:0;box-shadow:0 5px 15px #0000001a;display:flex;flex-direction:column;left:0;opacity:0;padding:20px 0;position:absolute;text-align:center;top:80px;transform:translateY(-100%);transition:all .3s ease-in-out;visibility:hidden;width:100%}header ul.open{opacity:1;transform:translateY(0);visibility:visible}header ul li{margin:10px 0;opacity:0;transform:translateY(-20px);transition:all .3s ease-in-out}header ul.open li{opacity:1;transform:translateY(0)}header ul li:first-child{transition-delay:.1s}header ul li:nth-child(2){transition-delay:.2s}header ul li:nth-child(3){transition-delay:.3s}header ul li:nth-child(4){transition-delay:.4s}header ul li:nth-child(5){transition-delay:.5s}header ul li a{color:#000;color:var(--black);font-size:18px}.testimonial-item{flex-direction:column;padding:0 40px}.testimonial-left{margin-bottom:30px;max-width:100%}.testimonial-right{max-width:100%}.testimonial-name,.testimonial-title{font-size:28px!important}.testimonial-quote{font-size:20px!important}.testimonial-left a{font-size:20px}}@media (max-width:768px){.gap{height:80px}.home01,header{padding:20px}.home01{display:flex;flex-direction:column-reverse;font-size:14px}.home-banner{font-size:12px;line-height:1.5em;min-height:288px;padding:40px 20px;width:100%}.home-banner h1{font-size:30px;margin:0}.btn,.home02{font-size:12px}.home02{padding:20px;width:100%}.flex{flex-direction:column-reverse;font-size:12px;margin:20px}.flex-img img{width:100%}.btn-container .btn{font-size:12px}.flex a{font-size:14px}.flex a img{scale:.6;transform:translateY(8px)}h1,h2{font-size:26px!important}.row .card{border-radius:20px;min-width:80px;padding:20px}.testimonial-item{padding:0 20px}.testimonial-name,.testimonial-title{font-size:18px!important}.testimonial-quote{font-size:12px!important}.testimonial-left a{font-size:18px}.testimonial-logo img{max-width:80%}.testimonial-right img{max-width:90%}.testimonial-pagination{margin:0}.footer-top,footer{padding:20px}.footer-top{margin-bottom:20px;margin-top:-200px;max-width:100%}.footer-container{margin-top:40px}.footer-container h2{margin-bottom:200px}.footer-bottom{align-items:center;flex-direction:column-reverse;font-size:12px;text-align:center}.footer-info{max-width:100%}.footer-info p{font-size:14px}.footer-nav{display:block;flex-wrap:wrap;gap:40px;margin:auto;text-align:left;width:100%}.footer-nav a{font-size:16px}.follow-us{justify-content:space-around;margin:auto;text-align:center;width:70%}.about-banner-container{padding:0 20px}.about-banner{background-image:url(/static/media/Frame%20133.98cc1abc7a445e992e65.png)!important;font-size:12px;line-height:1.5em;min-height:240px!important;padding:20px;width:100%}.about-banner h1{font-size:30px;line-height:1.5em;margin:0}.about01{font-size:14px;padding:20px}.mission{display:flex;flex-direction:column;font-size:12px;gap:20px}.vision{flex-direction:column-reverse}.values{margin:0}.value{margin-bottom:20px;text-align:justify}.services-banner{display:flex;flex-direction:column;height:100%;margin:20px;padding:20px;width:90%}.banner-content{gap:20px}.projects-section{padding:20px}.service-buttons{flex-wrap:wrap}.service-buttons .btn{font-size:14px}.services-intro{margin:0;padding-top:0}.services-intro h2{font-size:20px!important}.services-intro-image{width:60px}.services-intro-content{padding:10px;width:90%}.services-intro p{font-size:12px}.services-intro-image.left-image,.services-intro-image.right-image{display:none}.services-intro p a{font-size:12px}.service-content{font-size:12px;padding:20px}.service-content ol,.service-content ul{margin-bottom:10px;padding-left:10px}.service-content li{margin:0}.website-project{width:100%}.projects-slideshow{align-items:center;flex-direction:column;justify-content:center}.smart-projects{width:100%!important}.smart-projects img{width:100px!important}.contact-banner{grid-template-columns:1}.contact{margin:20px}.contact-form{margin:0}.contact-form input,.contact-form label,.contact-form textarea{font-size:14px;margin-bottom:20px;padding:15px}.contact-form div{gap:10px;grid-template-columns:repeat(1,1fr)}.contact-form div table{align-items:start!important;display:flex;font-size:14px}.contact-form input[type=radio]{margin-bottom:0;margin-right:40px;transform:translateY(0)}.process-container{display:none}.process-container02{display:block;text-align:center}.process-container02 img{width:90%}.section-title{margin-top:20px}.project-details,.project-details02{padding:20px}.project-details p,.project-details02 li{font-size:14px}.product-images{justify-content:space-around}.theme-toggle-mobile{display:inline-block;margin-left:16px;vertical-align:middle}.footer-nav-row{display:flex;justify-content:space-between;margin-bottom:12px;width:90%}.footer-nav,.footer-nav-row{align-items:center;flex-direction:row}.footer-nav{gap:18px;justify-content:flex-start;margin-bottom:0;padding-left:0}.theme-toggle-mobile{align-items:center;border-radius:50px;display:flex;height:40px;justify-content:flex-end;margin-left:0;min-width:56px;transition:background .2s}.footer-nav .theme-toggle-desktop{display:none}}.theme-toggle-mobile{display:none}@media (max-width:768px){.footer-bottom{align-items:center;flex-direction:column-reverse;text-align:center}.footer-nav{align-items:center;display:block;flex-direction:row;gap:18px;justify-content:center;margin-bottom:12px}.theme-toggle-mobile{align-items:flex-end;border-radius:50px;display:flex;height:40px;justify-content:center;margin-left:10px;min-width:40%;transition:background .2s}.theme-toggle-mobile .switch{margin:0;transform:scale(.85)}}[data-theme=dark] .copyright,[data-theme=dark] .follow-us span,[data-theme=dark] .follow-us svg,[data-theme=dark] .footer-info,[data-theme=dark] .footer-info p,[data-theme=dark] .footer-nav a,[data-theme=dark] footer{fill:#fff!important;color:#fff!important}[data-theme=dark] .footer-nav a:hover{color:#ccc!important}[data-theme=dark] .follow-us svg:hover{fill:#ccc!important}.theme-toggle-group{align-items:center;display:flex;flex-direction:column;gap:6px}.toggle-label{align-items:center;animation:popIn .7s cubic-bezier(.68,-.55,.27,1.55);color:#fff;display:flex;font-size:15px;justify-content:center;letter-spacing:.5px;margin-bottom:2px;transition:background .4s,color .4s,box-shadow .4s;-webkit-user-select:none;user-select:none}.toggle-label.dark{color:#fff}@keyframes popIn{0%{opacity:0;transform:scale(.7) translateY(-10px)}80%{opacity:1;transform:scale(1.08) translateY(2px)}to{opacity:1;transform:scale(1) translateY(0)}}.theme-toggle-group .switch{margin:0}@media (max-width:768px){.figma-prototype-container{margin:10px 0;padding:10px}.prototype-header h3{font-size:1.2em}.prototype-actions{flex-direction:column}.copy-url-btn{justify-content:center;width:100%}}@media (max-width:480px){.prototype-header h3{font-size:1.1em}.prototype-info{padding:15px}}.admin-auth-container{align-items:center;background-color:#f4f7f6;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;min-height:100vh;padding:40px 20px}.admin-auth-container h1{color:#333;font-size:2em;margin-bottom:30px}.admin-auth-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;gap:20px;max-width:400px;padding:40px;width:100%}.admin-auth-form .form-group{margin-bottom:0}.admin-auth-form label{color:#555;display:block;font-size:.9em;font-weight:700;margin-bottom:8px}.admin-auth-form input[type=email],.admin-auth-form input[type=password]{border:1px solid #ccc;border-radius:4px;color:#333;font-size:1em;padding:10px 15px;transition:border-color .2s ease;width:100%}.admin-auth-form input[type=email]:focus,.admin-auth-form input[type=password]:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.admin-auth-form input[type=email]::placeholder,.admin-auth-form input[type=password]::placeholder{color:#999}.auth-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1em;margin-top:10px;padding:12px;transition:background-color .2s ease;width:100%}.auth-btn:hover{background-color:#0056b3}.admin-auth-container p{color:#555;font-size:.9em;margin-top:20px;text-align:center}.admin-auth-container a{color:#007bff;text-decoration:none}.admin-auth-container a:hover{text-decoration:underline}.error-message{color:#dc3545;font-size:.8em;margin-top:10px;text-align:center}.admin-dashboard-container{margin:0 auto;max-width:1400px;padding:40px 100px}.admin-dashboard-container h1{color:var(--blue);font-size:48px;margin-bottom:40px}.add-project-btn{background:linear-gradient(to right,var(--darkBlue),var(--blue));border:none;border-radius:30px;color:var(--white);cursor:pointer;font-size:18px;margin-bottom:30px;padding:12px 20px;transition:background .3s ease}.add-project-btn:hover{background:linear-gradient(90deg,#3a3b8a,#5b9de9)}.admin-form{background-color:var(--white);border-radius:20px;box-shadow:0 4px 15px #0000001a;margin-bottom:60px;padding:40px}.admin-form h2{color:var(--blue);font-size:32px;margin-bottom:30px}.form-group{margin-bottom:25px}.form-group label{font-size:18px;margin-bottom:10px}.form-group input[type=text],.form-group select,.form-group textarea{border-radius:10px;color:var(--black)}.form-group textarea{min-height:120px;resize:vertical}.array-input-group{margin-bottom:10px}.array-input-group button{background-color:#f44;border-radius:5px}.form-group button[type=button]{background-color:var(--blue);border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 15px}.submit-btn{border-radius:30px;font-size:18px;padding:15px 40px;transition:background .3s ease}.submit-btn:hover{background:linear-gradient(90deg,#3a3b8a,#5b9de9)}.projects-list-admin{margin-top:60px}.projects-list-admin h2{color:var(--blue);font-size:32px;margin-bottom:30px}.projects-list-admin table{border-collapse:collapse;margin-top:20px;width:100%}.projects-list-admin td,.projects-list-admin th{border-bottom:1px solid var(--lightGray);padding:12px 15px;text-align:left}.projects-list-admin th{background-color:var(--lightGray);color:var(--black);font-weight:700}.projects-list-admin tr:hover{background-color:#f5f5f5}.projects-list-admin td input[type=checkbox]{cursor:pointer;transform:scale(1.2)}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideIn .3s ease;background-color:var(--white);border-radius:15px;max-height:90vh;max-width:1200px;overflow-y:auto;padding:30px;position:relative;width:90%}.modal-header{align-items:center;border-bottom:2px solid var(--lightGray);display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.modal-header h2{color:var(--blue);font-size:28px;margin:0}.close-btn{background:none;border:none;color:var(--gray);cursor:pointer;font-size:32px;line-height:1;padding:0;transition:color .3s ease}.close-btn:hover{color:var(--black)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.form-section{background-color:var(--white);box-shadow:0 2px 8px #0000001a;margin-bottom:25px;padding:25px;transition:transform .3s ease}.form-section:hover{transform:translateY(-2px)}.form-section h3{border-bottom:2px solid var(--lightGray);color:var(--blue);font-size:20px;padding-bottom:10px}.form-group,.form-section h3{margin-bottom:20px}.form-group label{color:var(--gray);font-size:16px;margin-bottom:8px}.form-group input[type=text],.form-group select,.form-group textarea{border:1px solid var(--lightGray);border-radius:8px;font-size:16px;padding:12px;transition:border-color .3s ease;width:100%}.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--blue);outline:none}.array-input-group{display:flex;gap:10px;margin-bottom:15px}.array-input-group input{flex:1 1}.array-input-group button{background-color:var(--blue);border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 15px;transition:background-color .3s ease}.array-input-group button:hover{background-color:var(--darkBlue)}.project-images-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:15px}.project-image-item{border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;position:relative;transition:transform .3s ease}.project-image-item:hover{transform:scale(1.02)}.project-image-item img{height:150px;object-fit:cover;width:100%}.project-image-item button{background-color:#ff4444e6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;position:absolute;right:5px;top:5px;transition:background-color .3s ease}.project-image-item button:hover{background-color:#f44}.tech-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.tech-tag{align-items:center;background-color:var(--lightGray);border-radius:20px;color:var(--blue);display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:transform .3s ease}.tech-tag:hover{transform:scale(1.05)}.tech-tag button{background:none;border:none;color:#f44;cursor:pointer;font-size:16px;line-height:1;padding:0}.feature-input-group{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.feature-input-group input,.feature-input-group textarea{border:1px solid var(--lightGray);border-radius:8px;font-size:16px;padding:12px;transition:border-color .3s ease;width:100%}.feature-input-group textarea{min-height:100px;resize:vertical}.feature-input-group button{background-color:var(--blue);border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px;transition:background-color .3s ease}.feature-input-group button:hover{background-color:var(--darkBlue)}.features-list{display:flex;flex-direction:column;gap:15px}.feature-item{background-color:var(--lightGray);border-radius:8px;padding:15px;position:relative;transition:transform .3s ease}.feature-item:hover{transform:translateX(5px)}.feature-item h4{color:var(--blue);font-size:18px;margin:0 0 10px}.feature-item p{color:var(--gray);font-size:14px}.feature-item button{background-color:#f44;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;position:absolute;right:10px;top:10px;transition:background-color .3s ease}.feature-item button:hover{background-color:red}.color-inputs{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.color-inputs .form-group{display:flex;flex-direction:column;gap:10px}.color-inputs input[type=color]{border:none;border-radius:8px;cursor:pointer;height:40px;padding:0;width:100%}.color-inputs input[type=text]{border:1px solid var(--lightGray);border-radius:8px;font-size:14px;padding:8px;width:100%}.form-actions{align-items:center;border-top:2px solid var(--lightGray);gap:24px;margin-top:40px;padding-top:20px}.cancel-btn,.submit-btn{align-items:center;border-radius:8px;box-sizing:border-box;display:flex;font-size:18px;height:48px;justify-content:center;min-width:140px;padding:0 32px;vertical-align:middle}.submit-btn{transition:opacity .3s ease}.cancel-btn{align-items:center;background:linear-gradient(90deg,#b5d0f7,#7eb6f6);border:none;border-radius:8px;box-shadow:0 2px 8px #4d92ce14;box-sizing:border-box;color:#1a3a5d;display:flex;font-family:inherit;font-size:18px;font-weight:500;height:48px;justify-content:center;min-width:140px;padding:0 32px;transition:all .2s;vertical-align:middle}.cancel-btn:hover{opacity:.9}.error-message,.success-message{animation:slideIn .3s ease;border-radius:8px;margin-bottom:20px;padding:15px}.success-message{background-color:#4caf50;color:#fff}.error-message{background-color:#f44336;color:#fff}.tab-buttons{display:flex;gap:20px;margin-bottom:30px}.tab-btn{background-color:var(--lightGray);border:none;border-radius:8px;color:var(--gray);cursor:pointer;font-size:18px;padding:12px 24px;transition:all .3s ease}.tab-btn.active{background:linear-gradient(to right,var(--darkBlue),var(--blue));color:var(--white)}.type-buttons{display:flex;gap:15px;margin-top:10px}.type-btn{background-color:var(--white);border:2px solid var(--lightGray);border-radius:8px;color:var(--gray);cursor:pointer;font-size:16px;padding:10px 20px;transition:all .3s ease}.type-btn.active{background-color:var(--blue);border-color:var(--blue);color:var(--white)}.add-btn{background:linear-gradient(to right,var(--darkBlue),var(--blue));border-radius:8px;color:var(--white);font-size:18px;margin-bottom:30px;padding:12px 24px;transition:all .3s ease}.add-btn:hover{opacity:.9}.admin-dashboard{background-color:#f4f7f6;color:#333;font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}h1{color:#2d2e75;font-size:2.5rem;font-weight:700;margin-bottom:40px;text-align:center}.dashboard-controls{align-items:center;background:#fff;border-radius:10px;box-shadow:0 4px 15px #00000014;display:flex;flex-direction:column;gap:25px;margin-bottom:30px;padding:25px 30px}.filter-sections{display:flex;flex-direction:column;gap:15px;max-width:600px;width:100%}.filter-sections h3{color:#4a4a4a;font-size:1.1rem;margin:0 0 10px;text-align:center}.tab-buttons,.type-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.tab-buttons button,.type-buttons button{background-color:#e0e0e0;border:1px solid #ccc;border-radius:25px;color:#555;cursor:pointer;font-size:.95rem;font-weight:500;min-width:150px;padding:10px 22px;transition:all .3s ease}.tab-buttons button:hover,.type-buttons button:hover{background-color:#d0d0d0;border-color:#bbb}.tab-buttons button.active,.type-buttons button.active{background-color:#2d2e75;border-color:#2d2e75;box-shadow:0 2px 8px #2d2e7533;color:#fff}.add-btn{background-color:#4d92ce;border:none;border-radius:30px;box-shadow:0 4px 10px #4d92ce4d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;letter-spacing:.5px;padding:15px 30px;transition:background-color .3s ease,transform .2s ease}.add-btn:hover{background-color:#3d82be;box-shadow:0 6px 12px #4d92ce66;transform:translateY(-2px)}.project-list-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:30px;padding:20px}.section-title{color:#2d2e75;font-size:1.8rem;font-weight:600;margin-bottom:20px;text-align:center}.projects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-card{background-color:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease}.project-card:hover{box-shadow:0 4px 10px #00000026;transform:translateY(-5px)}.project-image{height:200px;object-fit:cover;width:100%}.project-info{display:flex;flex-direction:column;flex-grow:1;padding:15px}.project-info h3{color:#2d2e75;font-size:1.2rem;margin:0 0 10px}.project-category{color:#666;font-size:.9rem;margin-bottom:10px}.project-description{color:#555;flex-grow:1;font-size:.9rem;line-height:1.5}.project-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.project-actions button{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:background-color .3s ease}.edit-btn{background-color:#007bff;color:#fff}.edit-btn:hover{background-color:#0056b3}.delete-btn{background-color:#dc3545;color:#fff}.delete-btn:hover{background-color:#c82333}.visibility-btn{background-color:#6c757d;color:#fff}.visibility-btn.visible{background-color:#28a745}.visibility-btn:hover{background-color:#5a6268}.visibility-btn.visible:hover{background-color:#218838}.project-status{border-radius:4px;font-size:.8rem;font-weight:700;margin-left:auto;padding:5px 10px;text-transform:uppercase}.project-status.published{background-color:#e6ffed;color:#28a745}.project-status.draft{background-color:#fff3cd;color:#856404}.no-projects{background-color:#fdfdfd;border:1px dashed #ccc;border-radius:8px;color:#666;font-size:1.1rem;margin:auto;padding:30px;text-align:center;width:50%}.error-message,.loading,.success-message{border:1px dashed #ccc;border-radius:5px;box-shadow:0 2px 5px #0000001a;font-weight:500;margin:20px auto;max-width:600px;padding:15px;text-align:center}.loading{background-color:#fdfdfd;color:#666}.success-message{background-color:#d4edda;color:#155724}.error-message{background-color:#f8d7da;color:#721c24}.admin-form-container{background:#fff;border-radius:10px;box-shadow:0 8px 25px #0000002e;margin:2.5rem auto;max-width:900px;padding:3rem}.form-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:2.8rem;padding-bottom:1.5rem}.form-header h2{color:#2d2e75;font-size:2rem;margin:0}.preview-btn{background:#4d92ce;border:none;border-radius:25px;box-shadow:0 2px 8px #4d92ce33;color:#fff;cursor:pointer;font-size:1rem;padding:.7rem 1.4rem;transition:background .3s ease,transform .2s ease}.preview-btn:hover{background:#3d82be;transform:translateY(-1px)}.admin-form{grid-gap:3rem;display:grid;gap:3rem}.form-section{background:#fdfdfd;border:1px solid #f0f0f0;border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:2.2rem}.form-section h3{border-bottom:1px dashed #e0e0e0;color:#2d2e75;font-size:1.5rem;margin-top:0;padding-bottom:1rem}.form-group,.form-section h3{margin-bottom:1.8rem}.form-group label{color:#333;display:block;font-size:1.05rem;font-weight:600;margin-bottom:.8rem}.form-group input[type=text],.form-group input[type=url],.form-group textarea{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px 15px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-group input[type=text]:focus,.form-group input[type=url]:focus,.form-group textarea:focus{border-color:#4d92ce;box-shadow:0 0 0 3px #4d92ce33;outline:none}.form-group textarea{min-height:150px}.error{color:#dc3545;display:block;font-size:.875rem;font-weight:400;margin-top:.5rem}.collection-selector{grid-gap:1.8rem;display:grid;gap:1.8rem;grid-template-columns:1fr 1fr;margin-top:1.2rem}.collection-option{background:#fdfdfd;border:2px solid #e0e0e0;border-radius:10px;box-shadow:0 1px 5px #00000014;cursor:pointer;padding:1.8rem;text-align:center;transition:all .3s ease}.collection-option:hover{border-color:#4d92ce;box-shadow:0 4px 12px #0000001f}.collection-option.active{background:#eaf5ff;border-color:#4d92ce;box-shadow:0 4px 12px #0000002e}.collection-option h4{color:#2d2e75;font-size:1.2rem;margin:0 0 .6rem}.collection-option p{color:#666;font-size:.9rem;margin:0}.radio-group{display:flex;gap:3rem;margin-top:1rem}.radio-group label{align-items:center;color:#555;cursor:pointer;display:flex;font-weight:400;gap:.8rem}.radio-group input[type=radio]{accent-color:#4d92ce;margin:0;transform:scale(1.2);width:auto}.visibility-toggle{align-items:center;display:flex;gap:1.8rem;margin-top:1.2rem}.visibility-toggle span{color:#333;font-size:1.05rem;font-weight:600}.switch{display:inline-block;height:34px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#4d92ce}input:focus+.slider{box-shadow:0 0 1px #4d92ce}input:checked+.slider:before{transform:translateX(26px)}.array-input-group,.feature-input-group{align-items:flex-start;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:18px}.array-input-group input,.feature-input-group input,.feature-input-group textarea{flex-grow:1;margin-bottom:0;min-width:150px}.feature-input-group textarea{flex-basis:60%}.array-input-group button,.feature-input-group button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.95rem;padding:12px 20px;transition:background-color .3s ease,transform .2s ease;white-space:nowrap}.array-input-group button:hover,.feature-input-group button:hover{background-color:#218838;transform:translateY(-1px)}.features-list,.tech-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:15px}.feature-item,.tech-tag{align-items:flex-start;background:#eef7ff;border:1px solid #a8d5ff;border-radius:8px;color:#2d2e75;display:flex;flex-direction:column;gap:5px;min-width:150px;padding:10px 15px;position:relative}.feature-item h4{font-size:1.05rem;font-weight:600;margin:0}.feature-item p{color:#555;font-size:.85rem;margin:0}.feature-item button,.tech-tag button{background:none;border:none;color:#dc3545;cursor:pointer;font-size:1.2rem;padding:0 5px;position:absolute;right:5px;top:5px}.feature-item button:hover,.tech-tag button:hover{color:#a71d2a}.preview-container{background:#fcfcfc;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 5px 20px #0000001a;margin-top:3.5rem;overflow:hidden}.preview-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1.5rem 2.5rem}.preview-header h3{color:#2d2e75;font-size:1.8rem;margin:0}.preview-tabs{display:flex;gap:1rem}.preview-tabs button{background:#f0f0f0;border:none;border-radius:20px;color:#666;cursor:pointer;font-size:.95rem;padding:.7rem 1.4rem;transition:background .3s ease}.preview-tabs button:hover{background:#e0e0e0}.preview-tabs button.active{background:#4d92ce;box-shadow:0 2px 8px #4d92ce33;color:#fff;font-weight:700}.preview-content{align-items:center;display:flex;justify-content:center;min-height:400px;padding:3rem}.preview-project{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;max-width:750px;padding:2rem;text-align:center;width:100%}.preview-project h2{color:#2d2e75;font-size:2.2rem;font-weight:700;margin:0 0 1rem}.preview-project span{color:#666;display:block;font-size:1.05rem;margin-bottom:1.8rem}.preview-project p{color:#555;font-size:1.15rem;line-height:1.7;margin-bottom:2.5rem}.preview-image{border-radius:10px;box-shadow:0 5px 15px #0000001a;margin:2.5rem 0;overflow:hidden}.preview-image img{display:block;height:auto;max-width:100%}.preview-features{border-top:1px dashed #e0e0e0;margin-top:2.5rem;padding-top:2rem;text-align:left}.preview-features h4{color:#2d2e75;font-size:1.4rem;margin:0 0 1.5rem;text-align:center}.preview-features ul{list-style:none;margin:0;padding:0}.preview-features li{background:#f8faff;border:1px solid #eef;border-radius:8px;box-shadow:0 1px 5px #00000008;margin-bottom:1.5rem;padding:1.2rem}.preview-features li strong{color:#2d2e75;display:block;font-size:1.1rem;margin-bottom:.5rem}.form-actions{border-top:1px solid #eee;display:flex;gap:1.5rem;justify-content:flex-end;margin-top:3.5rem;padding-top:2rem}.submit-btn{background:#4d92ce;border-radius:25px;box-shadow:0 4px 10px #4d92ce4d;color:#fff;font-size:1.15rem;padding:1rem 2rem;transition:background .3s ease,transform .2s ease}.submit-btn:hover{background:#3d82be;transform:translateY(-1px)}.submit-btn:disabled{background:#ccc;box-shadow:none}.color-preview{border:1px solid var(--lightGray);border-radius:8px;height:40px;margin-top:8px;width:100%}.form-group input[type=text]{font-family:monospace}.add-btn,.btn,.cancel-btn,.submit-btn,.upload-btn{align-items:center;border-radius:8px;box-sizing:border-box;display:flex;font-family:inherit;font-size:18px;font-weight:500;height:48px;justify-content:center;min-width:140px;padding:0 32px;transition:all .2s;vertical-align:middle}.add-btn,.upload-btn{background:linear-gradient(to right,var(--blue),var(--darkBlue));border:none;box-shadow:0 2px 8px #4d92ce14;color:var(--white);cursor:pointer;margin-bottom:0}.add-btn:hover,.upload-btn:hover{opacity:.9}.submit-btn{background:linear-gradient(to right,var(--darkBlue),var(--blue));border:none;color:var(--white);cursor:pointer}.submit-btn:hover{opacity:.9}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.cancel-btn{background-color:var(--white);border:2px solid var(--lightGray);color:var(--gray);cursor:pointer}.cancel-btn:hover{background:#f3f3f3;border-color:var(--gray);color:var(--black)}.btn-container,.form-actions,.image-upload-ui{align-items:center;display:flex;gap:18px}
/*# sourceMappingURL=main.bd088af3.css.map*/