.app{display:flex;flex-direction:column;min-height:100vh}main{flex:1}.footer{background:linear-gradient(0deg,#1b2234,#32436e);padding:80px 0 30px;color:#fff}.footer .container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-content{display:flex;justify-content:center;gap:50px;margin-bottom:60px}.footer-logo{max-width:280px}.footer-logo h3{font-size:1.8rem;color:#fff;margin-bottom:15px}.footer-logo .highlight{color:#3498db}.footer-logo p{font-size:.95rem;color:#aaa;line-height:1.6}.footer-links{display:flex;gap:40px}.footer-column h4{font-size:1.2rem;margin-bottom:20px;color:#fff;position:relative;padding-bottom:10px}.footer-column h4:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background-color:#3498db}.footer-column ul{list-style:none;padding:0}.footer-column ul li{margin-bottom:10px}.footer-column ul li a{color:#aaa;text-decoration:none;transition:color .3s ease}.footer-column ul li a:hover{color:#3498db}.footer-bottom{padding-top:30px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.copyright p{font-size:.9rem;color:#888}.footer-social{display:flex;gap:15px}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#ffffff1a;color:#fff;text-decoration:none;transition:all .3s ease}.social-icon:hover{background-color:#3498db;transform:translateY(-3px)}@media (max-width: 992px){.footer-content{flex-direction:column;gap:40px}.footer-logo{max-width:100%;text-align:center}.footer-links{justify-content:space-between;width:100%}}@media (max-width: 768px){.footer{padding:60px 0 30px}.footer-links{flex-direction:column;gap:30px}.footer-bottom{flex-direction:column;gap:20px}.copyright{text-align:center}.footer-column ul li a{font-size:.8rem}}.header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1.5rem 0;transition:var(--transition);background:#192d41;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05)}.header.scrolled{padding:1.5rem 0;background:#192d41d8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:var(--shadow-lg);border-bottom:1px solid rgba(255,255,255,.1)}.header .container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 var(--space-8)}.logo a{text-decoration:none;display:flex;align-items:center;font-size:var(--text-xl);font-weight:700;color:var(--white);transition:var(--transition)}.logo a:hover{color:var(--primary-light)}.logoImg{width:90px;height:50px;object-fit:contain;margin-right:var(--space-3)}.nav{display:flex;align-items:center}.nav-list{display:flex;list-style:none;margin:0;padding:0;gap:var(--space-8)}.nav-item a,.nav-item button{color:#ffffffe6;text-decoration:none;font-size:var(--text-sm);font-weight:500;font-family:var(--font-display);transition:var(--transition);position:relative;padding:var(--space-2) 0;background:none;border:none;cursor:pointer}.nav-item a:hover,.nav-item button:hover{color:var(--white)}.nav-item a:after,.nav-item button:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background:linear-gradient(135deg,var(--primary),var(--accent));transition:var(--transition);border-radius:var(--radius-full)}.nav-item a:hover:after,.nav-item button:hover:after{width:100%}.nav-link-cta{background:linear-gradient(135deg,var(--primary),var(--accent))!important;color:var(--white)!important;padding:var(--space-2) var(--space-4)!important;border-radius:var(--radius-full);font-weight:600;border:none;text-decoration:none}.nav-link-cta:after{display:none}.nav-link-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.nav-toggle{display:none;cursor:pointer;z-index:1001}.hamburger{width:24px;height:18px;position:relative;transform:rotate(0);transition:.5s ease-in-out}.hamburger span{display:block;position:absolute;height:2px;width:100%;background:#fff;border-radius:9px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:8px}.hamburger span:nth-child(3){top:16px}.hamburger.active span:nth-child(1){top:8px;transform:rotate(135deg)}.hamburger.active span:nth-child(2){opacity:0;left:-60px}.hamburger.active span:nth-child(3){top:8px;transform:rotate(-135deg)}@media (max-width: 768px){.nav-toggle{display:block}.nav{position:fixed;top:0;right:-100%;width:60%;height:100vh;background:linear-gradient(180deg,#213353,#2f4a7a);border-left:1px solid rgba(0,0,0,.05);flex-direction:column;justify-content:center;transition:right .3s ease}.nav.open{right:0}.nav-list{flex-direction:column;align-items:center;margin-right:2rem}.nav-item{margin:1.5rem 0}.logoImg{width:65px}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000046cc;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;color:#fff;transition:opacity .3s ease-in-out;opacity:1}.loading-overlay.hidden{opacity:0;pointer-events:none}.loading-spinner{border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top:4px solid #fff;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.whatsappLogo{position:fixed;bottom:20px;right:20px;z-index:99;width:auto;-webkit-user-select:none;user-select:none;display:flex;align-items:center;flex-direction:row-reverse}.whatsappText{background-color:#fff;color:#333;font-weight:500;padding:8px 12px;border-radius:20px;margin-right:10px;box-shadow:0 2px 6px #0003;opacity:0;transform:translate(15px);transition:all .3s ease;pointer-events:none;white-space:nowrap}.whatsappLogo a:hover~.whatsappText{opacity:1;transform:translate(0)}.whatsappLogo a{display:flex;justify-content:center;align-items:center;width:60px;height:60px;background-color:#192d41;border-radius:100%;box-shadow:0 4px 8px #00000026;transition:all .3s ease}.whatsappLogo a:hover{transform:scale(1.1);box-shadow:0 6px 12px #0003}.whatsappLogo svg{width:35px;height:35px;fill:#fff}@media (max-width: 600px){.whatsappText{display:none}.whatsappLogo a:hover{transform:none;box-shadow:0 4px 8px #00000026}.whatsappLogo a{width:50px;height:50px}.whatsappLogo svg{width:30px;height:30px}}@media (max-height: 500px){.whatsappText{display:none}.whatsappLogo a:hover{transform:none;box-shadow:0 4px 8px #00000026}.whatsappLogo a{width:50px;height:50px}.whatsappLogo svg{width:30px;height:30px}}.forms-page{min-height:100vh;background-color:var(--gray-50);margin-top:40px}.back-link{color:var(--white);opacity:.9;text-decoration:none;font-size:var(--text-sm);margin-bottom:var(--space-4);display:inline-block;transition:var(--transition);padding:var(--space-2) 0}.back-link:hover{opacity:1;transform:translate(-5px)}.page-subtitle{font-size:var(--text-lg);opacity:.85;margin:0;color:var(--gray-200)}.forms-content{padding:var(--space-10) 0 var(--space-12) 0}.contact-form-container{background-color:var(--white);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);box-shadow:var(--shadow-xl);max-width:800px;min-height:auto;height:auto;margin:0 auto;position:relative;display:flex;flex-direction:column}.step-title{font-size:var(--text-2xl);color:var(--text-dark);margin-bottom:var(--space-6);text-align:center;font-weight:600}.contact-form{display:flex;flex-direction:column;flex-grow:1}.form-group{display:flex;flex-direction:column;margin-bottom:var(--space-4)}.form-navigation{position:absolute;bottom:var(--space-8);left:var(--space-8);right:var(--space-8);display:flex;justify-content:space-between;gap:var(--space-4);align-items:center;margin-top:var(--space-8)}.form-navigation button,.form-navigation .submit-btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;background-color:var(--primary);color:var(--white);border:none;padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:var(--transition);min-width:130px;height:48px;text-align:center;flex-shrink:0}.form-navigation .submit-btn{background-color:var(--success, #27ae60);font-size:var(--text-lg)}.form-navigation button:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.form-navigation .submit-btn:hover:not(:disabled){background-color:var(--success-dark, #229954);transform:translateY(-2px);box-shadow:var(--shadow-md)}.form-navigation button:disabled,.form-navigation .submit-btn:disabled{background-color:var(--gray-300);color:var(--gray-500);cursor:not-allowed;transform:none;box-shadow:none}.form-steps-content{flex-grow:1;overflow-y:auto;padding-bottom:70px}.form-steps{display:flex;justify-content:center;margin-bottom:var(--space-8);margin-top:var(--space-2)}.form-group label{margin-bottom:var(--space-2);font-weight:600;color:var(--text-dark);font-size:var(--text-base)}.contact-form input[type=text],.contact-form input[type=email],.contact-form input[type=tel],.contact-form select,.contact-form textarea{padding:var(--space-2) var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius);font-size:var(--text-base);background-color:var(--gray-50);transition:var(--transition);font-family:var(--font-body);color:var(--text-dark)}.contact-form input[type=text]:focus,.contact-form input[type=email]:focus,.contact-form input[type=tel]:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px rgba(var(--primary-rgb, 37, 99, 235),.2);background-color:var(--white)}.contact-form textarea{resize:vertical;min-height:80px;line-height:1.5}.error-message{color:var(--danger, #e74c3c);font-size:var(--text-sm);margin-top:var(--space-3);text-align:center;padding:var(--space-3);background-color:var(--danger-light, #fadbd8);border-radius:var(--radius);border-left:4px solid var(--danger, #e74c3c)}.success-message{text-align:center;padding:var(--space-8);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1}.success-message h3{color:var(--success, #27ae60);font-size:var(--text-3xl);margin-bottom:var(--space-4);font-weight:700}.success-message p{font-size:var(--text-lg);color:var(--text-light);margin-bottom:var(--space-6);line-height:1.7;max-width:500px}.success-buttons{display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center;margin-top:var(--space-4)}.btn-whatsapp,.btn-primary{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:none;padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:var(--transition);min-width:180px;height:48px;text-align:center}.btn-whatsapp{background-color:#25d366;color:var(--white)}.btn-whatsapp:hover{background-color:#1daf54;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary{background-color:var(--primary);color:var(--white)}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.step-indicator{width:36px;height:36px;border-radius:var(--radius-full);background-color:var(--gray-200);display:flex;align-items:center;justify-content:center;margin:0 var(--space-3);color:var(--gray-600);font-weight:600;font-size:var(--text-base);transition:var(--transition);position:relative;border:2px solid transparent}.step-indicator.active{background-color:var(--primary);color:var(--white);transform:scale(1.1);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.step-indicator:not(:last-child):after{content:"";position:absolute;left:calc(100% + var(--space-1));top:50%;transform:translateY(-50%);width:var(--space-4);height:2px;background-color:var(--gray-300);z-index:-1}.step-indicator.active+.step-indicator:after,.step-indicator.active:after{background-color:var(--primary)}.form-group input[type=radio],.form-group input[type=checkbox]{margin-right:var(--space-2);transform:scale(1.1);accent-color:var(--primary);cursor:pointer}.form-group>div{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.form-group>div>label{display:flex;align-items:center;font-weight:400;color:var(--text-light);margin-bottom:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius);border:1px solid var(--gray-200);transition:var(--transition);cursor:pointer;background-color:var(--gray-50)}.form-group>div>label:hover{background-color:var(--gray-100);border-color:var(--gray-300)}.form-group>div>label:has(input:checked){background-color:var(--primary-light-alpha-10, rgba(59, 130, 246, .05));border-color:var(--primary);color:var(--primary-dark);font-weight:500}@media (max-width: 992px){.contact-form-container{margin:0 var(--space-4);padding:var(--space-8) var(--space-6)}.form-navigation{bottom:var(--space-6);left:var(--space-6);right:var(--space-6)}}@media (max-width: 768px){.page-subtitle{font-size:var(--text-base)}.contact-form-container{margin:0 var(--space-3);padding:var(--space-6) var(--space-4);min-height:auto}.step-title{font-size:var(--text-xl);margin-bottom:var(--space-6)}.form-steps{margin-bottom:var(--space-6)}.step-indicator{width:32px;height:32px;margin:0 var(--space-2);font-size:var(--text-sm)}.step-indicator:not(:last-child):after{left:calc(100% + 4px);width:var(--space-3)}.form-group label{font-size:var(--text-sm)}.contact-form input[type=text],.contact-form input[type=email],.contact-form input[type=tel],.contact-form select,.contact-form textarea{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.form-navigation{position:relative;bottom:auto;left:auto;right:auto;margin-top:var(--space-6);padding:0 var(--space-4) var(--space-4) var(--space-4);gap:var(--space-3);flex-direction:column}.form-steps-content{padding-bottom:var(--space-4)}.form-navigation button,.form-navigation .submit-btn{min-width:100%;height:44px;font-size:var(--text-sm)}}@media (max-width: 480px){.contact-form-container{margin:0 var(--space-2);padding:var(--space-4) var(--space-3);border-radius:var(--radius-lg)}.forms-content{padding:var(--space-6) 0}.step-indicator{width:28px;height:28px;margin:0 var(--space-1);font-size:var(--text-xs)}.step-indicator:not(:last-child):after{left:calc(100% + 3px);width:var(--space-2)}.step-title{font-size:var(--text-lg);margin-bottom:var(--space-4)}.form-steps{margin-bottom:var(--space-4)}.form-navigation{gap:var(--space-2);padding:0 var(--space-3) var(--space-3) var(--space-3)}.form-navigation button,.form-navigation .submit-btn{height:40px;font-size:var(--text-xs)}.success-buttons{flex-direction:column;align-items:stretch;width:100%}.btn-whatsapp,.btn-primary{width:100%;min-width:auto;font-size:var(--text-sm)}.success-message h3{font-size:var(--text-2xl)}.success-message p{font-size:var(--text-base)}.forms-page{min-height:60vh}}:root{--success: #27ae60;--success-dark: #229954;--danger: #e74c3c;--danger-light: #fadbd8;--primary-rgb: 37, 99, 235;--primary-light-alpha-10: rgba(var(--primary-rgb), .1)}.about{padding:100px 0;background-color:#fcfcfc}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:2.5rem;margin-bottom:15px;position:relative;display:inline-block}.section-header h2 .highlight{background:linear-gradient(180deg,#3498db,#437ca1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-content{display:flex;gap:40px}.about-text{flex:1}.about-text h3{font-size:1.8rem;margin-bottom:20px;color:#333}.about-text>p{font-size:1.05rem;line-height:1.7;color:#555;margin-bottom:30px}.values{display:flex;justify-content:space-between;gap:20px;margin-top:30px}.value-item{flex:1;background-color:#fff;padding:25px;border-radius:8px;box-shadow:0 5px 15px #00000026;transition:all .3s ease}.value-item:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0003}.value-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#3498db1a;margin:0 auto 15px}.value-icon i{font-size:1.8rem}.value-item h4{font-size:1.1rem;margin-bottom:10px;text-align:center;color:#333}.value-item p{font-size:.9rem;color:#666;text-align:center;line-height:1.5}.about-stats{flex:0 0 300px;display:flex;flex-direction:column;justify-content:center;gap:10px}.stat-item{padding:22px;background:linear-gradient(135deg,#3498db,#80bfe9);border-radius:8px;text-align:center;color:#fff;transition:all .3s ease}.stat-item:hover{transform:scale(1.05)}.stat-number{display:block;font-size:2.5rem;font-weight:700;margin-bottom:5px}.stat-text{font-size:1rem}@media (max-width: 992px){.about-content{flex-direction:column}.about-stats{flex-direction:row}}@media (max-width: 768px){.about{padding:70px 0}.values,.about-stats{flex-direction:column}.stat-item{padding:15px}.stat-number{font-size:1.8rem}.stat-text{font-size:.9rem}.about-text>p{font-size:.95rem}}@media (max-height: 450px){.section-header h2{font-size:1.7rem}.section-subtitle{font-size:.8rem}.about{padding:70px 0}.values,.about-stats{flex-direction:column}.stat-item{padding:15px}.stat-number{font-size:1.8rem}.stat-text{font-size:.9rem}.about-text>p{font-size:.8rem}.about-text>h3{font-size:1.2rem;text-align:center}}.hero{position:relative;min-height:calc(100svh - 40px);display:flex;align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);color:#fff;overflow:hidden;border-bottom:1px solid rgba(9,14,26,.05)}.hero:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/assets/heroPic-sCIWArAI.jpg);background-size:cover;background-position:0% 25%;opacity:.85;z-index:0;mix-blend-mode:overlay}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(37,99,235,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(6,182,212,.3) 0%,transparent 50%);pointer-events:none;z-index:1}.hero .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f172acc,#1e293b99,#33415566);z-index:1}.hero .container{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 var(--space-8)}.hero-content{max-width:800px;text-align:center;margin:0 auto}.hero h1{font-size:clamp(2.5rem,5vw,2rem);font-weight:800;margin-bottom:var(--space-6);line-height:1.1;color:#fff;letter-spacing:-.02em}.hero h1 .highlight{background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:clamp(1.1rem,2vw,1rem);margin-bottom:var(--space-10);line-height:1.6;color:#ffffffe6;max-width:600px;margin-left:auto;margin-right:auto}.hero-cta{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.hero .btn{padding:var(--space-4) var(--space-8);font-size:var(--text-base);font-weight:600;border-radius:var(--radius-xl);transition:var(--transition);min-width:160px}.hero .btn-primary{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 10px 30px #2563eb4d}.hero .btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb);transform:translateY(-3px);box-shadow:0 15px 40px #2563eb66;color:#fff}.hero .btn-secondary{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);color:#fff}.hero .btn-secondary:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-3px);color:#fff;box-shadow:0 10px 30px #ffffff1a}.scroll-indicator{position:absolute;bottom:var(--space-10);left:50%;transform:translate(-50%);z-index:2;opacity:.8;transition:var(--transition)}.scroll-indicator:hover{opacity:1}.mouse{width:28px;height:46px;border:2px solid rgba(255,255,255,.8);border-radius:var(--radius-2xl);position:relative;margin:0;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.wheel{background:linear-gradient(135deg,#3b82f6,#06b6d4);width:4px;height:10px;position:absolute;top:10px;left:50%;transform:translate(-50%);border-radius:var(--radius-full);animation:scroll 2s infinite}.arrow span{display:block;width:12px;height:12px;border-right:2px solid rgba(255,255,255,.8);border-bottom:2px solid rgba(255,255,255,.8);transform:rotate(45deg);margin:0 auto;animation:arrow-down 2s infinite}@keyframes scroll{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}@keyframes arrow-down{0%{opacity:0;transform:rotate(45deg) translate(-8px,-8px)}50%{opacity:1}to{opacity:0;transform:rotate(45deg) translate(8px,8px)}}@media (max-width: 1024px){.hero .container{padding:0 var(--space-6)}}@media (max-width: 768px){.hero{height:calc(100vh - 80px);min-height:500px}.hero .container{padding:0 var(--space-4)}.hero-cta{flex-direction:column;gap:var(--space-3);align-items:center}.hero .btn{width:100%;max-width:280px;padding:var(--space-4) var(--space-6)}}@media (max-width: 480px){.hero{min-height:450px}.hero:after{background-position:70%}.hero .container{padding:0 var(--space-3)}.hero-cta{gap:var(--space-3)}.hero .btn{padding:var(--space-5) var(--space-7);font-size:var(--text-sm)}.mouse{display:none;pointer-events:none}}@media (max-height: 500px){.hero{min-height:400px}.hero h1{margin-bottom:var(--space-4)}.hero p{margin-bottom:var(--space-6)}.scroll-indicator{display:none}}@media (max-width: 350px){.hero-content h1{font-size:1.9rem}.hero-content p{font-size:.9rem}.scroll-indicator{display:none}}.projects{padding:50px 0;background-color:#fcfcfc}.projects .section-header{text-align:center;margin-bottom:60px}.projects h2{font-size:2.5rem;margin-bottom:15px}.projects h2 .highlight{color:#3498db}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px}.project-card{background-color:#fff;border-radius:20px;overflow:hidden;box-shadow:0 5px 15px #00000026;transition:all .3s ease;position:relative}.project-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0003}.project-image{height:200px;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#3498dbe6;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease;padding:20px;box-sizing:border-box;border-radius:8px}.project-card:hover .project-overlay,.project-overlay.force-show{opacity:1}.project-details{padding:15px;color:#fff;text-align:center;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.project-details h3{font-size:1.5rem;margin-bottom:10px}.project-details p{font-size:.95rem;color:#fff;margin-bottom:15px}.project-techs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:15px}.tech-tag{background-color:#fff3;padding:4px 10px;border-radius:20px;font-size:.8rem}.project-link{display:inline-block;background-color:#fff;color:#3498db;padding:8px 16px;border-radius:4px;text-decoration:none;font-weight:500;transition:all .3s ease}.project-link:hover{background-color:#f8f9fa;transform:scale(1.05)}.project-info{padding:20px}.project-info h4{font-size:1.2rem;margin-bottom:5px;color:#333}.project-info p{color:#333333b6;font-size:.9rem}@media (max-width: 768px){.projects{padding:70px 0}.projects-grid{grid-template-columns:1fr}.project-overlay{opacity:0;pointer-events:none}.project-overlay.force-show{opacity:1;pointer-events:auto}.project-link{font-size:.7rem}}@media (max-height: 450px){.section-header>h2{font-size:1.4rem}.section-header>p{font-size:1rem}.projects{padding:70px 0}.projects-grid{grid-template-columns:1fr}.project-link{font-size:.7rem}}.services{padding:50px 0;position:relative}.services:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(37,99,235,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(6,182,212,.03) 0%,transparent 50%);pointer-events:none}.services .section-header{position:relative;z-index:1}.services h2{font-size:2.5rem;margin-bottom:15px}.services h2 .highlight{background:linear-gradient(180deg,#3498db,#437ca1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:1.1rem;color:#666}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.service-card{background-color:#fff;border-radius:20px;padding:40px 30px;text-align:center;box-shadow:0 5px 15px #00000026;transition:all .3s ease;position:relative;overflow:hidden;height:100%}.service-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0003}.service-icon{font-size:3rem;margin-bottom:20px}.project-details>h3,p{color:#fff}.service-card h3{font-size:1.4rem;margin-bottom:15px;color:#333}.service-card p{font-size:1rem;color:#666;line-height:1.6}.service-hover{position:absolute;top:0;left:0;width:100%;height:100%;background:#3498dba6;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.service-card:hover .service-hover{opacity:1}.btn-service{background-color:#fff;color:#3498db;padding:12px 24px;border-radius:4px;text-decoration:none;font-weight:500;transition:all .3s ease}.btn-service:hover{background-color:#f8f9fa;transform:scale(1.05)}@media (max-width: 768px){.services{padding:20px 0}.services-grid{grid-template-columns:1fr}.service-card{width:80%;height:95%;margin-left:10%}.btn-service{font-size:.8rem}}@media (max-height: 450px){.services{padding:20px 0}.services-grid{grid-template-columns:1fr}.service-card{width:80%;height:95%;margin-left:10%}.btn-service{font-size:.8rem}.section-header>h2{font-size:1.4rem}.service-card>h3{font-size:1rem}.service-card>p{font-size:.8rem}}.testimonials{padding:50px 0;background-color:#fcfcfc}.testimonials .section-header{text-align:center;margin-bottom:60px}.testimonials h2{font-size:2.5rem;margin-bottom:15px}.testimonials h2 .highlight{color:#3498db}.testimonials-slider{max-width:800px;margin:0 auto;position:relative}.testimonials-container{position:relative;min-height:300px}.testimonial-card{position:absolute;top:0;left:0;width:100%;background-color:#fff;border-radius:8px;box-shadow:0 5px 20px #0000000d;padding:40px;opacity:0;transform:translate(50px);transition:all .5s ease;visibility:hidden}.testimonial-card.active{opacity:1;transform:translate(0);visibility:visible}.testimonial-content{position:relative}.quote-icon{font-size:4rem;color:#3498db;opacity:.2;position:absolute;top:-50px;left:-20px;font-family:Georgia,serif;z-index:0}.testimonial-text{font-size:1.1rem;line-height:1.7;color:#555;margin-bottom:20px;position:relative;z-index:1;margin-top:10px;padding-left:10px}.testimonial-author{display:flex;align-items:center;margin-top:20px}.author-image{width:60px;height:60px;overflow:hidden;border-radius:50%;margin-right:15px}.author-image img{width:100%;height:100%;object-fit:cover}.author-info h4{font-size:1.1rem;color:#333;margin-bottom:5px}.author-info p{font-size:.9rem;color:#666}.testimonial-controls{display:flex;justify-content:center;align-items:center;margin-top:30px;position:relative;z-index:2}.control-btn{background:none;border:none;font-size:1.5rem;color:#3498db;cursor:pointer;padding:5px 15px;transition:all .3s ease}.control-btn:hover{color:#2980b9;transform:scale(1.1)}.testimonial-dots{display:flex;justify-content:center;margin:0 15px}.dot{width:10px;height:10px;border-radius:50%;background-color:#ccc;margin:0 5px;cursor:pointer;transition:all .3s ease}.dot.active{background-color:#3498db;transform:scale(1.2)}@media (max-width: 768px){.testimonials{padding:30px 0}.testimonials-container{position:static;min-height:auto}.testimonial-card{position:static;visibility:hidden;display:none}.testimonial-card.active{visibility:visible;display:block}.testimonial-controls{position:static;margin-top:10px}}@media (max-height: 450px){.testimonials{padding:30px 0}.testimonials-container{position:static;min-height:auto}.testimonial-card{position:static;visibility:hidden;display:none}.testimonial-card.active{visibility:visible;display:block}.section-header>h2{font-size:1.6rem}.section-header>p{font-size:1rem}.testimonial-text{font-size:.8rem}.author-info>h4{font-size:.8rem}.author-info>p{font-size:.7rem}.dot{width:5px;height:5px}.testimonial-controls{position:static;margin-top:10px}}.scroll-animate{opacity:0;transform:translateY(50px);transition:all .56s cubic-bezier(.25,.46,.45,.94)}.scroll-animate.animate-in{opacity:1;transform:translateY(0)}.fade-in{opacity:0;transition:opacity .56s ease-in-out}.fade-in.animate-in{opacity:1}.slide-up{opacity:0;transform:translateY(60px);transition:all .56s cubic-bezier(.25,.46,.45,.94)}.slide-up.animate-in{opacity:1;transform:translateY(0)}.slide-in-left{opacity:0;transform:translate(-60px);transition:all .56s cubic-bezier(.25,.46,.45,.94)}.slide-in-left.animate-in{opacity:1;transform:translate(0)}.slide-in-right{opacity:0;transform:translate(60px);transition:all .56s cubic-bezier(.25,.46,.45,.94)}.slide-in-right.animate-in{opacity:1;transform:translate(0)}.scale-in{opacity:0;transform:scale(.8);transition:all .56s cubic-bezier(.25,.46,.45,.94)}.scale-in.animate-in{opacity:1;transform:scale(1)}.stagger-children.animate-in>*{animation:staggerFadeIn .42s ease forwards}.stagger-children>*:nth-child(1){animation-delay:.1s}.stagger-children>*:nth-child(2){animation-delay:.2s}.stagger-children>*:nth-child(3){animation-delay:.3s}.stagger-children>*:nth-child(4){animation-delay:.4s}.stagger-children>*:nth-child(5){animation-delay:.5s}.stagger-children>*:nth-child(6){animation-delay:.6s}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.scroll-animate,.fade-in,.slide-up,.slide-in-left,.slide-in-right,.scale-in{transition:none;opacity:1;transform:none}.stagger-children>*{animation:none;opacity:1;transform:none}}:root{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #3b82f6;--secondary: #1e293b;--accent: #06b6d4;--dark: #0f172a;--light: #fefefe;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--text-dark: #1e293b;--text-light: #64748b;--text-muted: #94a3b8;--white: #ffffff;--font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--radius-sm: .375rem;--radius: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: all .15s ease;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .5s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.7;color:var(--text-dark);overflow-x:hidden;background-color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--text-dark);letter-spacing:-.025em}h1{font-size:var(--text-5xl);font-weight:800}h2{font-size:var(--text-4xl);font-weight:700}h3{font-size:var(--text-2xl);font-weight:600}h4{font-size:var(--text-xl);font-weight:600}h5{font-size:var(--text-lg);font-weight:500}h6{font-size:var(--text-base);font-weight:500}p{margin-bottom:var(--space-4);color:var(--text-light);line-height:1.7}a{text-decoration:none;color:var(--primary);transition:var(--transition)}a:hover{color:var(--primary-dark)}img{max-width:100%;height:auto;display:block}section{width:100%}.container{max-width:1200px;width:90%;margin:0 auto;padding:0 var(--space-4)}@media (min-width: 640px){.container{padding:0 var(--space-6)}}@media (min-width: 1024px){.container{padding:0 var(--space-8)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;line-height:1;text-decoration:none;text-align:center;white-space:nowrap;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--white);box-shadow:var(--shadow-lg)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark),var(--primary));transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:transparent;color:var(--white);border:2px solid var(--white);box-shadow:var(--shadow-md)}.btn-secondary:hover:not(:disabled){background-color:var(--white);color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-outline{background-color:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover:not(:disabled){background-color:var(--primary);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.section-header{text-align:center;margin-bottom:var(--space-20);max-width:800px;margin-left:auto;margin-right:auto}.section-header h2{font-size:var(--text-4xl);margin-bottom:var(--space-6);position:relative;display:inline-block}.section-header h2 .highlight{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:var(--text-lg);color:var(--text-light);line-height:1.6;max-width:600px;margin:0 auto}section{padding:var(--space-24) 0}@media (max-width: 768px){section{padding:var(--space-16) 0}.section-header{margin-bottom:var(--space-12)}}.highlight{color:var(--primary)}.text-gradient{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-effect{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}main{margin-top:45px}@media (max-width: 1024px){html{font-size:15px}.section-header h2{font-size:var(--text-3xl)}.container{width:95%}}@media (max-width: 768px){html{font-size:14px}.section-header h2{font-size:var(--text-2xl)}.btn{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);width:100%;justify-content:center}.btn-lg{padding:var(--space-4) var(--space-6)}}@media (max-width: 480px){.container{width:95%;padding:0 var(--space-3)}.section-header{margin-bottom:var(--space-10)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn .56s ease-out forwards}.animate-slide-left{animation:slideInFromLeft .56s ease-out forwards}.animate-slide-right{animation:slideInFromRight .56s ease-out forwards}.animate-scale-in{animation:scaleIn .42s ease-out forwards}.animate-float{animation:float 3s ease-in-out infinite}.reveal{opacity:0;transform:translateY(30px);transition:var(--transition-slow)}.reveal.active{opacity:1;transform:translateY(0)}