:root{--primary-orange: #FF6B35;--primary-blue: #004E89;--orange-gradient: linear-gradient(135deg, #FF6B35 0%, #FF8C5A 100%);--blue-gradient: linear-gradient(135deg, #004E89 0%, #0066B3 100%);--dark-gray: #1a1a1a;--medium-gray: #4a4a4a;--light-gray: #f5f5f5;--white: #ffffff;--text-dark: #2d2d2d;--text-light: #666666;--font-primary: "Titillium Web", Arial, Helvetica, sans-serif;--section-padding: 80px 0;--container-max-width: 1200px;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);line-height:1.6;color:var(--text-dark);background-color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-dark)}h1{font-size:3.5rem;font-weight:800}h2{font-size:2.5rem;font-weight:700}h3{font-size:1.75rem;font-weight:600}p{color:var(--text-light);font-size:1.1rem;line-height:1.8}a{text-decoration:none;color:inherit;transition:var(--transition)}button{font-family:var(--font-primary);cursor:pointer;transition:var(--transition);border:none;outline:none}::selection{background:var(--primary-orange);color:var(--white)}::-moz-selection{background:var(--primary-orange);color:var(--white)}.App{width:100%;overflow-x:hidden}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 20px}.section{padding:var(--section-padding)}.section-header{text-align:center;margin-bottom:60px}.section-header h2{margin-bottom:16px;color:var(--text-dark)}.section-subtitle{font-size:1.2rem;color:var(--text-light)}.btn{padding:14px 32px;font-size:1rem;font-weight:600;border-radius:8px;display:inline-block;transition:var(--transition);text-align:center}.btn-primary{background:var(--orange-gradient);color:var(--white);box-shadow:0 4px 15px #ff6b354d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3566}.btn-secondary{background:transparent;color:var(--primary-blue);border:2px solid var(--primary-blue)}.btn-secondary:hover{background:var(--primary-blue);color:var(--white)}.logo{display:flex;align-items:center;height:80px}.logo-image{height:100%;width:auto;max-width:300px;min-width:200px;object-fit:contain;transition:var(--transition)}.logo-image:hover{opacity:.9;transform:scale(1.02)}.header{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000000d;z-index:1000;padding:0}.navbar{display:flex;justify-content:space-between;align-items:center}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{color:var(--text-dark);font-weight:500;font-size:.95rem;transition:var(--transition);position:relative}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary-orange);transition:var(--transition)}.nav-links a:hover{color:var(--primary-orange)}.nav-links a:hover:after{width:100%}.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px}.menu-toggle span{width:25px;height:3px;background:var(--text-dark);border-radius:3px;transition:var(--transition)}.hero{padding:140px 0 100px;background:linear-gradient(135deg,#f8f9fa,#fff);min-height:90vh;display:flex;align-items:center}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-text h1{margin-bottom:24px;background:linear-gradient(135deg,var(--text-dark) 0%,var(--primary-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-text p{margin-bottom:32px;font-size:1.15rem;max-width:600px}.hero-buttons{display:flex;gap:20px;margin-bottom:24px;flex-wrap:wrap}.hero-note{font-size:.9rem;color:var(--text-light);font-style:italic;margin-top:20px}.hero-visual{position:relative;height:500px;overflow:visible}.hero-placeholder{position:relative;width:100%;height:100%;background:linear-gradient(135deg,#ff6b351a,#004e891a);border-radius:20px;display:flex;align-items:center;justify-content:center}.floating-card{position:absolute;background:var(--white);padding:18px 16px;border-radius:12px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:110px;max-width:130px;animation:float 3s ease-in-out infinite;transition:var(--transition);z-index:1}.floating-card:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 40px #00000026;z-index:10}.card-icon{font-size:2.5rem}.card-text{font-weight:600;color:var(--text-dark);font-size:.9rem}.card-1{top:8%;left:8%;animation-delay:0s}.card-2{top:5%;right:12%;animation-delay:.5s}.card-3{top:38%;left:5%;animation-delay:1s}.card-4{top:30%;right:8%;animation-delay:1.5s}.card-5{bottom:1%;left:12%;animation-delay:2s}.card-6{bottom:0%;right:24%;animation-delay:2.5s}.card-7{top:13%;left:50%;transform:translate(-50%);animation:floatCenter 3s ease-in-out infinite;animation-delay:3s}.card-8{bottom:22%;right:45%;animation-delay:3.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.card-7{animation:floatCenter 3s ease-in-out infinite}@keyframes floatCenter{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-20px)}}.about{background:var(--white)}.about-content{margin-top:60px}.about-text{max-width:900px;margin:0 auto}.about-text h3{margin-top:32px;margin-bottom:16px;color:var(--primary-blue)}.about-text h3:first-child{margin-top:0}.about-text p{margin-bottom:24px}.about-note{background:linear-gradient(135deg,#ff6b351a,#004e891a);padding:24px;border-radius:12px;border-left:4px solid var(--primary-orange);margin-top:32px}.about-note p{margin:0;color:var(--text-dark)}.about-features{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:60px}.feature-card{background:var(--white);padding:30px;border-radius:12px;box-shadow:0 4px 15px #00000014;transition:var(--transition);border-top:3px solid transparent}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001f;border-top-color:var(--primary-orange)}.feature-icon{font-size:2.5rem;margin-bottom:16px}.feature-card h4{margin-bottom:12px;color:var(--text-dark);font-size:1.3rem}.feature-card p{margin:0;font-size:.95rem}.services{background:linear-gradient(135deg,#f8f9fa,#fff)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:35px}.service-card{background:var(--white);padding:45px 35px;border-radius:16px;box-shadow:0 4px 15px #00000014;transition:var(--transition);border-top:4px solid transparent;display:flex;flex-direction:column;position:relative;overflow:hidden}.service-card:hover{transform:translateY(-8px);box-shadow:0 12px 35px #00000026;border-top-color:var(--primary-orange)}.service-card:hover .service-icon{transform:scale(1.1) rotate(5deg)}.service-icon{font-size:3.5rem;margin-bottom:24px;display:inline-block;transition:var(--transition);text-align:center}.service-card h3{margin-bottom:16px;color:var(--primary-blue);font-size:1.5rem}.service-description{margin-bottom:0;color:var(--text-light);flex-grow:1;line-height:1.8;font-size:1.05rem}.service-details{margin-top:auto;padding-top:20px;border-top:1px solid #e0e0e0}.service-tech{margin-bottom:16px}.service-tech strong{display:block;margin-bottom:10px;color:var(--text-dark);font-size:.9rem}.tech-tags{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{background:linear-gradient(135deg,#ff6b351a,#004e891a);color:var(--primary-blue);padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:500}.service-engagement{color:var(--text-light);font-size:.9rem}.service-engagement strong{color:var(--text-dark)}.projects{background:var(--white)}.carousel-wrapper{position:relative;margin-bottom:40px;overflow:hidden}.projects-grid{display:flex;gap:30px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;padding:10px 0;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.projects-grid::-webkit-scrollbar{display:none}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:var(--white);border:2px solid var(--primary-orange);border-radius:50%;font-size:2rem;color:var(--primary-orange);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:var(--transition);box-shadow:0 4px 15px #0000001a;line-height:1;padding:0}.carousel-btn:hover{background:var(--primary-orange);color:var(--white);transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px #ff6b3566}.carousel-btn-left{left:-25px}.carousel-btn-right{right:-25px}.project-card{background:var(--white);padding:35px 30px;border-radius:16px;box-shadow:0 4px 15px #00000014;transition:var(--transition);border-top:4px solid transparent;display:flex;flex-direction:column;height:100%;width:calc((100% - 60px) / 3);min-width:calc((100% - 60px) / 3);flex-shrink:0}.project-card:hover{transform:translateY(-8px);box-shadow:0 12px 35px #00000026;border-top-color:var(--primary-blue)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.project-category{background:linear-gradient(135deg,#ff6b351a,#004e891a);color:var(--primary-blue);padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.project-icon{font-size:2.5rem;opacity:.8}.project-card h3{margin-bottom:16px;color:var(--primary-blue);font-size:1.5rem}.project-description{margin-bottom:24px;color:var(--text-light);flex-grow:1;line-height:1.7}.project-technologies{margin-bottom:20px;padding-top:20px;border-top:1px solid #e0e0e0}.project-technologies strong{display:block;margin-bottom:12px;color:var(--text-dark);font-size:.9rem}.project-highlights{margin-top:auto;padding-top:20px;border-top:1px solid #e0e0e0}.project-highlights strong{display:block;margin-bottom:12px;color:var(--text-dark);font-size:.9rem}.project-highlights ul{list-style:none;padding:0;margin:0}.project-highlights li{color:var(--text-light);font-size:.9rem;padding:6px 0 6px 20px;position:relative}.project-highlights li:before{content:"✓";position:absolute;left:0;color:var(--primary-orange);font-weight:700}.projects-note{text-align:center;background:linear-gradient(135deg,#ff6b351a,#004e891a);padding:24px;border-radius:12px;border-left:4px solid var(--primary-orange);max-width:900px;margin:0 auto}.projects-note p{margin:0;color:var(--text-dark);font-size:.95rem;line-height:1.7}.projects-note strong{color:var(--primary-orange)}.technologies{background:linear-gradient(135deg,#f8f9fa,#fff)}.technologies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.technology-category-card{background:var(--white);padding:35px 30px;border-radius:16px;box-shadow:0 4px 15px #00000014;transition:var(--transition);border-top:4px solid transparent}.technology-category-card:hover{transform:translateY(-5px);box-shadow:0 12px 35px #00000026;border-top-color:var(--primary-blue)}.technology-category-card h3{margin-bottom:20px;color:var(--primary-blue);font-size:1.5rem;text-align:center}.technology-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.technology-tag{background:linear-gradient(135deg,#ff6b351a,#004e891a);color:var(--primary-blue);padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:500;transition:var(--transition)}.technology-tag:hover{background:linear-gradient(135deg,var(--primary-orange) 0%,var(--primary-blue) 100%);color:var(--white);transform:translateY(-2px)}.team{background:var(--white)}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:40px}.team-card{background:var(--white);padding:35px 25px;border-radius:16px;box-shadow:0 4px 15px #00000014;text-align:center;transition:var(--transition);border-top:4px solid transparent}.team-card:hover{transform:translateY(-5px);box-shadow:0 12px 35px #00000026;border-top-color:var(--primary-blue)}.team-avatar{margin-bottom:20px}.avatar-placeholder{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--primary-orange) 0%,var(--primary-blue) 100%);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:2.5rem;font-weight:700;margin:0 auto}.team-card h3{margin-bottom:8px;color:var(--text-dark);font-size:1.4rem}.team-role{color:var(--primary-blue);font-weight:600;margin-bottom:16px;font-size:1rem}.team-skills,.team-expertise{font-size:.9rem;margin-bottom:12px;color:var(--text-light);text-align:left}.team-skills strong,.team-expertise strong{color:var(--text-dark)}.team-description{margin-top:16px;font-size:.9rem;color:var(--text-light);font-style:italic;text-align:left}.team-note{text-align:center;background:linear-gradient(135deg,#ff6b351a,#004e891a);padding:20px;border-radius:12px;max-width:800px;margin:0 auto}.team-note p{margin:0;color:var(--text-dark);font-size:.95rem}.contact{background:linear-gradient(135deg,#f8f9fa,#fff)}.contact-content{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;max-width:1000px;margin:0 auto}.contact-form-wrapper{background:var(--white);padding:40px;border-radius:16px;box-shadow:0 4px 15px #00000014}.contact-form{display:flex;flex-direction:column;gap:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:var(--text-dark);font-size:.95rem}.form-group input,.form-group textarea{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-family:var(--font-primary);font-size:1rem;transition:var(--transition);background:var(--white)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 3px #ff6b351a}.form-group textarea{resize:vertical;min-height:120px}.contact-info{display:flex;flex-direction:column;gap:30px}.contact-info h3{color:var(--primary-blue);margin-bottom:10px}.info-item{display:flex;align-items:center;gap:15px;padding:15px;background:var(--white);border-radius:12px;box-shadow:0 2px 10px #0000000d}.info-icon{font-size:1.5rem}.info-item a{color:var(--primary-blue);font-weight:500;transition:var(--transition)}.info-item a:hover{color:var(--primary-orange)}.contact-note{background:linear-gradient(135deg,#ff6b351a,#004e891a);padding:20px;border-radius:12px;border-left:4px solid var(--primary-orange)}.contact-note p{margin:0;color:var(--text-dark);font-size:.95rem}.social-links{display:flex;gap:15px;margin-top:10px}.social-link{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:var(--white);border-radius:50%;color:var(--primary-blue);box-shadow:0 2px 10px #0000001a;transition:var(--transition)}.social-link:hover{background:var(--primary-blue);color:var(--white);transform:translateY(-3px);box-shadow:0 4px 15px #004e894d}.footer{background:var(--dark-gray);color:var(--white);padding:40px 0 30px}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-copyright{color:#fffc;margin:0;font-size:.95rem}.footer-links{display:flex;align-items:center;gap:15px}.footer-links a{color:#fffc;font-size:.95rem;transition:var(--transition)}.footer-links a:hover{color:var(--primary-orange)}.separator{color:#ffffff4d}.footer-disclaimer{background:#ffffff0d;padding:20px;border-radius:8px;border-left:4px solid var(--primary-orange)}.footer-disclaimer p{margin:0;color:#ffffffe6;font-size:.9rem;line-height:1.6}.footer-disclaimer strong{color:var(--primary-orange)}.policy-page{background:linear-gradient(135deg,#f8f9fa,#fff);padding:140px 0 80px;min-height:100vh}.policy-content{max-width:900px;margin:0 auto;background:var(--white);padding:50px 60px;border-radius:20px;box-shadow:0 10px 40px #00000014}.back-button{background:var(--white);color:var(--primary-blue);border:2px solid var(--primary-blue);padding:12px 28px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);margin-bottom:30px;display:inline-flex;align-items:center;gap:8px}.back-button:hover{background:var(--primary-blue);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 15px #004e894d}.policy-content h1{color:var(--primary-blue);margin-bottom:12px;font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.last-updated{color:var(--text-light);font-size:.95rem;font-style:italic;margin-bottom:40px;padding-bottom:25px;border-bottom:2px solid #e8e8e8;display:flex;align-items:center;gap:8px}.last-updated:before{content:"📅";font-style:normal}.policy-section{margin-bottom:45px;padding:30px;background:linear-gradient(135deg,#ff6b3508,#004e8908);border-radius:12px;border-left:4px solid var(--primary-orange);transition:var(--transition)}.policy-section:hover{box-shadow:0 4px 15px #0000000d;transform:translateY(-2px)}.policy-section h2{color:var(--primary-blue);font-size:1.8rem;margin-bottom:20px;margin-top:0;display:flex;align-items:center;gap:12px}.policy-section h2:before{content:"";width:6px;height:30px;background:var(--primary-orange);border-radius:3px}.policy-section h3{color:var(--text-dark);font-size:1.3rem;margin-top:24px;margin-bottom:16px;font-weight:600}.policy-section p{color:var(--text-light);font-size:1.05rem;line-height:1.9;margin-bottom:18px}.policy-section ul{margin:20px 0;padding-left:30px;list-style:none}.policy-section li{color:var(--text-light);font-size:1.05rem;line-height:1.9;margin-bottom:14px;padding-left:25px;position:relative}.policy-section li:before{content:"▸";position:absolute;left:0;color:var(--primary-orange);font-weight:700;font-size:1.2rem}.policy-section li strong{color:var(--text-dark);font-weight:600}.policy-section ul ul{margin-top:12px;margin-bottom:12px;padding-left:20px}.policy-section ul ul li:before{content:"▪";font-size:1rem}.popup-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.popup-content{background:var(--white);border-radius:16px;padding:40px;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease;text-align:center}.popup-header{margin-bottom:24px}.popup-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary-orange) 0%,var(--primary-blue) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:3rem;color:var(--white);font-weight:700;animation:scaleIn .4s ease}.popup-header h3{color:var(--primary-blue);font-size:2rem;margin:0}.popup-body{margin-bottom:30px}.popup-body p{color:var(--text-dark);font-size:1.1rem;margin-bottom:12px;line-height:1.6}.popup-note{font-size:.9rem!important;color:var(--text-light)!important;font-style:italic;margin-top:16px!important}.popup-content .btn{width:100%;max-width:200px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@media(max-width:968px){.hero-content{grid-template-columns:1fr;gap:40px}.hero-visual{height:400px}.about-features{grid-template-columns:repeat(2,1fr);margin-bottom:40px}.contact-content{grid-template-columns:1fr;gap:40px}.form-row{grid-template-columns:1fr}.project-card{width:calc((100% - 30px)/2);min-width:calc((100% - 30px)/2)}.carousel-btn{width:40px;height:40px;font-size:1.5rem}.carousel-btn-left{left:-20px}.carousel-btn-right{right:-20px}}@media(max-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}.section{padding:60px 0}.section-header{margin-bottom:40px}.menu-toggle{display:flex}.nav-links{position:fixed;top:70px;left:0;right:0;background:var(--white);flex-direction:column;padding:30px 20px;box-shadow:0 5px 20px #0000001a;transform:translate(100%);transition:transform .3s ease;gap:20px;align-items:flex-start}.nav-links.active{transform:translate(0)}.nav-links a{font-size:1.1rem;width:100%;padding:10px 0}.nav-links .btn{width:100%}.logo{height:70px}.logo-image{max-width:250px;min-width:180px}.hero{padding:120px 0 80px;min-height:auto}.hero-text h1{font-size:2.2rem}.hero-text p{font-size:1rem}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%}.hero-visual{height:300px}.floating-card{min-width:90px;max-width:110px;padding:12px 10px}.card-icon{font-size:1.8rem}.card-text{font-size:.8rem}.card-7,.card-8{display:none}.about-features,.services-grid{grid-template-columns:1fr}.service-card{padding:30px 20px}.projects-grid{gap:20px}.project-card{padding:30px 20px;width:85%;min-width:85%}.project-icon{font-size:2rem}.carousel-btn{width:35px;height:35px;font-size:1.2rem}.carousel-btn-left{left:-15px}.carousel-btn-right{right:-15px}.technologies-grid{grid-template-columns:1fr}.technology-category-card{padding:30px 20px}.team-grid{grid-template-columns:1fr}.team-card{padding:30px 20px}.avatar-placeholder{width:100px;height:100px;font-size:2rem}.contact-form-wrapper{padding:30px 20px}.footer-content{flex-direction:column;gap:20px;text-align:center}.footer-links{flex-direction:column;gap:10px}.separator{display:none}.policy-content{padding:40px 30px}.policy-content h1{font-size:2.2rem}.policy-section{padding:25px 20px}.policy-section h2{font-size:1.5rem}.policy-section h2:before{height:25px}.policy-section h3{font-size:1.2rem}.policy-section p,.policy-section li{font-size:1rem}}