:root{--bg: #19222e;--card: #0f1720;--text: #e6eef6;--muted: #9fb3c8;--blue: #0d6efd;--gold: #d4af37;--glass: rgba(255,255,255,.03);--radius: 12px;--glass-2: rgba(255,255,255,.02);--accent: linear-gradient(135deg,var(--blue),#4aa3ff);--ease: cubic-bezier(.2,.9,.3,1)}:root[data-theme=light]{--bg: #f6f9fc;--card: #ffffff;--text: #0b1b2b;--muted: #4b5867;--glass: rgba(11,27,43,.03);--glass-2: rgba(11,27,43,.02);--accent: linear-gradient(135deg,#1158c7,#0d6efd)}#root{height:100%;overflow-x:hidden}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.navbar{display:flex;justify-content:space-between;align-items:center;padding:18px 36px;position:sticky;top:0;background:var(--dark);color:var(--light);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000}.brand-link{font-weight:700;color:var(--text);text-decoration:none}.tag{margin-left:12px;font-size:13px;color:var(--muted);display:inline-block}.nav-links a{color:var(--muted);margin:0 8px;text-decoration:none;padding:8px 10px;border-radius:8px;transition:all .22s var(--ease)}.nav-links a:hover,.nav-links .active{color:var(--text);background:var(--glass);transform:translateY(-2px);box-shadow:0 6px 18px #00000040}.theme-toggle{margin-left:12px;padding:6px 8px;border-radius:8px;background:transparent;color:var(--muted);border:1px solid rgba(255,255,255,.03);cursor:pointer}.main{min-height:calc(100vh - 140px);padding:28px 36px}.page{max-width:1100px;margin:0 auto}.hero{display:flex;gap:28px;align-items:center;justify-content:space-between}.hero-left{flex:1}.hero-right{width:320px;display:flex;justify-content:center}.card-glow{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);padding:18px;border-radius:18px;width:300px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 12px 40px #00000080;border:1px solid var(--glass-2);transform:translateY(0);transition:transform .35s var(--ease)}.card-glow:hover{transform:translateY(-6px);border:1px solid var(--gold)}.profile{width:120px;height:120px;border-radius:999px;object-fit:cover;border:3px solid var(--gold)}.role{font-size:13px;color:var(--muted)}.btn{background:var(--accent);color:#fff;padding:10px 14px;border-radius:10px;border:none;cursor:pointer;text-decoration:none;display:inline-block;transition:transform .18s var(--ease),box-shadow .18s var(--ease);margin:5px 10px 5px 5px}.h1tag{font-size:3rem}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0d6efd2e}.btn-ghost{background:transparent;color:var(--blue);border:1px solid rgba(255,255,255,.04);padding:8px 12px;border-radius:8px;margin:10px 5px}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--glass);padding:8px 12px;border-radius:8px}.home-features{display:flex;gap:20px;margin:30px 0}.feature{transition:box-shadow .25s var(--ease),transform .25s var(--ease);width:calc(33.33% - 20px);background:var(--card);box-sizing:border-box;padding:20px;margin:20px 0;border-radius:10px;box-shadow:0 0 5px}.feature:hover{box-shadow:0 9px 20px #00000073;transform:translateY(-6px);border:1px solid var(--gold)}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:20px}.projects-section{margin-bottom:60px}.projects-section h2{font-size:2rem;margin-bottom:30px;color:var(--text)}.cv-link-section{margin-top:40px;display:flex;justify-content:center}.cv-link{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;background:var(--gold);color:var(--bg);text-decoration:none;border-radius:10px;font-weight:700;font-size:1rem;transition:all .3s var(--ease);box-shadow:0 6px 20px #d4af374d;border:none;cursor:pointer}.cv-link:hover{transform:translateY(-4px);box-shadow:0 10px 30px #d4af3780}.project-card{background:var(--card);border-radius:12px;overflow:hidden;border:1px solid var(--glass);display:flex;flex-direction:column;transition:transform .22s var(--ease)}.project-card:hover{transform:translateY(-8px)}.thumb{width:100%;height:160px;object-fit:cover;object-position:top left;display:block}.project-body{padding:14px 16px;display:flex;flex-direction:column;gap:12px}.chip{display:inline-block;padding:6px 8px;background:#ffffff05;border-radius:8px;color:var(--muted);font-size:13px;margin:6px 5px}.meta{display:flex;justify-content:space-between;align-items:center;gap:12px}.progress-bar{background:#ffffff08;border-radius:8px;width:160px;height:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--gold),#ffd27a)}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--card);padding:20px;border-radius:12px;width:420px;border:1px solid var(--glass)}.modal-close{background:transparent;border:none;float:right;font-size:18px;cursor:pointer}.modal-form input{width:100%;padding:10px;margin-top:10px;border-radius:8px;border:1px solid var(--glass);background:transparent;color:var(--text)}.detail-top{display:flex;gap:30px;align-items:flex-start;justify-content:space-between}.div-thumb{display:flex;flex-direction:column;gap:20px}.detail-thumb{width:380px;object-fit:cover;border-radius:12px;border:1px solid var(--glass)}.detail-info{flex:1}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:16px}.skill{display:flex;gap:10px;align-items:center;padding:10px;background:var(--card);border-radius:10px;cursor:pointer;justify-content:center}.skillImg{width:100px;height:100px}.show-more-link{color:var(--gold);text-decoration:none;margin-left:5px}.contact-form{display:flex;flex-direction:column;gap:10px;max-width:520px}.contact-form input,.contact-form textarea{padding:12px;border-radius:8px;border:1px solid var(--glass);background:transparent;color:var(--text)}.footer{margin-top:36px;padding:28px;background:linear-gradient(180deg,transparent rgba(105,91,91,.1));border-top:3px solid var(--glass);width:100%}.footer-inner{display:flex;justify-content:space-evenly;gap:20px;max-width:1100px;margin:0 auto;align-items:center}.footer a{color:var(--text);text-decoration:none;margin:0 8px}.muted{color:var(--muted)}.progress-label{font-weight:600;color:var(--muted)}.banner{background:linear-gradient(90deg,#d4af371f,#0d6efd0f);padding:8px;border-radius:8px;display:inline-block;margin-bottom:8px}@media (max-width:900px){.hero{flex-direction:column}.hero-right{width:100%}.detail-top{flex-direction:column}}.copyright{text-align:center;padding:2rem;color:#fff;margin-top:3rem;border-top:4px solid var(--gold)}.nav-links.desktop{display:flex;gap:1rem}.nav-links a{text-decoration:none;color:var(--light);transition:color .2s ease}.nav-links a.active{color:var(--gold)}.theme-toggle{background:none;border:none;font-size:1.2rem;cursor:pointer;margin-left:1rem}.hamburger{display:none;background:none;border:none;font-size:1.8rem;cursor:pointer;color:var(--light)}.drawer{position:fixed;top:72px;right:-100%;width:70%;height:100vh;background:var(--bg);display:flex;flex-direction:column;padding:2rem;gap:1.5rem;transition:right .3s ease;z-index:999}.drawer.open{right:0}.drawer a,.drawer button{font-size:1.1rem;color:var(--light);text-decoration:none;display:block;padding:10px 12px;border-radius:8px;border:1px solid var(--glass);background:transparent;transition:all .22s var(--ease)}.drawer a.active{color:var(--gold);background:var(--glass);transform:translateY(-2px);box-shadow:0 6px 18px #00000040}.drawer a:hover,.drawer button:hover{color:var(--text);background:var(--glass);transform:translateY(-2px);box-shadow:0 6px 18px #00000040}.socials a{color:var(--text)}.socials a:hover{text-decoration:underline;transform:scale(1.1);color:var(--gold)}.social-links{display:flex;gap:20px}.socials,.footlinks{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;font-size:1rem;margin:0 15px}.projects-section h2{font-size:2rem}@media (max-width: 768px){.projects-section h2{font-size:1.6rem}.footer-inner{flex-direction:column}.socials,.footlinks{display:flex;flex-direction:column}.nav-links.desktop{display:none}.hamburger{display:block}.home-features{flex-direction:column;justify-content:center;align-items:center}.feature{width:calc(100% - 20px)}.detail-top{justify-content:center;align-items:center}.h1tag{font-size:2.4rem}.thumb{object-position:top center}}.tabs{display:flex;gap:1rem;overflow-x:auto;padding:.5rem 0}.tab-btn{background:transparent;border:none;font-size:1rem;padding:.5rem 1rem;cursor:pointer;color:var(--light);border-bottom:2px solid transparent;transition:all .3s ease;flex-shrink:0}.tab-btn.active{border-color:var(--gold);color:var(--gold)}.tab-content{margin-top:1.5rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.service-card{background:var(--card);color:var(--light);padding:1rem;border-radius:.75rem;box-shadow:0 2px 6px #00000026;transition:transform .2s ease}.service-card:hover{transform:translateY(-4px);border:1px solid var(--gold)}.about-title{font-size:2rem;margin-bottom:1rem;color:var(--gold)}.about-intro{font-size:1.1rem;color:var(--muted);margin-bottom:2rem;line-height:1.6}.about-approach{margin-bottom:2.5rem}.about-approach h3{font-size:1.5rem;margin-bottom:1.2rem;color:var(--text)}.approach-steps{display:flex;flex-direction:column;gap:1.2rem}.step{background:var(--card);padding:1.2rem;border-radius:var(--radius);border:1px solid var(--glass);transition:transform .25s var(--ease)}.step:hover{transform:translateY(-4px);border-color:var(--gold)}.step h4{margin-bottom:.5rem;color:var(--gold)}.about-grid{display:flex;flex-direction:column;gap:1.5rem}.about-card{background:var(--card);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--glass);transition:transform .25s var(--ease)}.about-card:hover{transform:translateY(-4px);border-color:var(--gold)}.about-card h4{color:var(--gold);margin-bottom:.8rem}.about-card ul{list-style:none;padding:0;margin:0;color:var(--muted)}.about-card li{margin-bottom:.6rem;line-height:1.5}@media (min-width: 900px){.approach-steps,.about-grid{flex-direction:row}}.etech{display:flex;justify-content:center;align-items:center;gap:20px}.etechlogo{width:150px;height:auto;border-radius:10px;margin-bottom:10px}.work-experience-section{margin:60px 0;padding:0}.experience-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;gap:20px}.experience-header h2{margin:0;font-size:2rem;color:var(--text)}.view-all-link{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;background:var(--glass);color:var(--text);text-decoration:none;transition:all .3s var(--ease);border:1px solid var(--glass);font-weight:500;white-space:nowrap}.view-all-link:hover{background:#d4af371a;border-color:var(--gold);color:var(--gold);transform:translate(4px)}.arrow{font-size:18px;font-weight:700}.experience-timeline{position:relative;padding:20px 0}.experience-item{display:flex;gap:30px;margin-bottom:40px;position:relative}.timeline-marker{display:flex;flex-direction:column;align-items:center;min-width:40px;position:relative}.marker-dot{width:16px;height:16px;border-radius:50%;background:var(--gold);border:3px solid var(--bg);box-shadow:0 0 0 2px var(--gold);z-index:10;transition:all .3s var(--ease)}.timeline-line{width:2px;flex-grow:1;background:linear-gradient(180deg,var(--gold),rgba(212,175,55,.2));margin-top:8px;min-height:120px}.experience-item:hover .marker-dot{transform:scale(1.3);box-shadow:0 0 0 4px var(--gold)}.experience-card{flex:1;background:var(--card);border:1px solid var(--glass);border-radius:12px;padding:24px;transition:all .3s var(--ease);display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit}.experience-card:hover{border-color:var(--gold);box-shadow:0 8px 24px #d4af371a;transform:translateY(-4px)}.experience-header-info{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.role-company{display:flex;flex-direction:column;gap:4px}.role{margin:0;font-size:1.2rem;font-weight:700;color:var(--text)}.company-name{margin:0;font-size:1rem;color:var(--gold);font-weight:600}.employment-meta{display:flex;gap:8px;align-items:center}.employment-type{display:inline-block;padding:4px 10px;background:#d4af371a;border:1px solid var(--gold);border-radius:6px;font-size:.8rem;color:var(--gold);font-weight:600;white-space:nowrap}.experience-duration{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.95rem;font-weight:500}.duration{color:var(--muted)}.dot{color:var(--gold);opacity:.6}.location{margin:0;color:var(--muted);font-size:.95rem;display:flex;align-items:center;gap:6px}.experience-description{margin:8px 0;color:var(--text);line-height:1.6;font-size:.95rem}.highlights{list-style:none;padding:0;margin:12px 0;display:flex;flex-direction:column;gap:8px}.highlights li{color:var(--muted);font-size:.9rem;padding-left:20px;position:relative}.highlights li:before{content:"▸";position:absolute;left:0;color:var(--gold);font-weight:700}.skills-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.skill-tag{display:inline-block;padding:6px 10px;background:#ffffff05;border:1px solid rgba(212,175,55,.3);border-radius:6px;color:var(--muted);font-size:.85rem;transition:all .2s var(--ease)}.skill-tag:hover{background:#d4af3726;border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}.skill-tag.muted{opacity:.7}.projects-section-home{margin-top:60px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.section-header h2{margin:0;font-size:2rem}.projects-home{width:100%}@media (max-width: 768px){.experience-item{gap:16px}.section-header{flex-direction:column;align-items:center}.experience-header-info{flex-direction:column}.experience-header{flex-direction:column;align-items:flex-start}.section-header h2,.experience-header h2{font-size:1.6rem}.view-all-link{width:100%;justify-content:center}.role{font-size:1.1rem}.experience-card{padding:16px}.timeline-marker{min-width:30px}.marker-dot{width:12px;height:12px;border-width:2px}}.agency-hero{text-align:center;padding:2rem 1rem;background:linear-gradient(135deg,var(--blue),var(--gold));color:#fff;border-radius:.75rem;margin-bottom:2rem}.agency-hero h1{font-size:2.5rem;margin-bottom:1rem}.agency-section{margin:2rem 0}.process-steps{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.step{background:var(--card);color:var(--light);padding:1rem;border-radius:.75rem;box-shadow:0 2px 6px #00000026;transition:transform .3s ease}.step:hover{transform:translateY(-4px);border:1px solid var(--gold)}.agency-cta{text-align:center;margin:3rem 0;padding:2rem 1rem;background:var(--dark);color:var(--light);border-radius:.75rem}.cta-btn{display:inline-block;margin-top:1rem;padding:.75rem 1.5rem;background:var(--gold);color:#000;font-weight:700;border-radius:.5rem;text-decoration:none;transition:background .3s ease;margin:0 15px}.cta-btn:hover{background:var(--blue);color:#fff}.page.agency-page{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);transition:background .3s,color .3s}:root{--blue: #1e40af;--gold: #facc15;--bg: #ffffff;--text: #111827;--card-bg: #f9fafb}[data-theme=dark]{--bg: #0f172a;--text: #f9fafb;--card-bg: #1e293b}.agency-hero{position:relative;height:80vh;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}.agency-hero .overlay{background:#000000b3;padding:3rem;text-align:center;border-radius:1rem}.agency-hero h1{font-size:3rem;color:var(--gold);margin-bottom:1rem}.agency-hero h2{font-size:1.8rem;color:var(--blue);margin-bottom:1rem}.agency-hero p{color:#e5e7eb;max-width:700px;margin:0 auto}.agency-section{padding:2rem;text-align:center}.agency-section h2{font-size:2rem;color:var(--blue);margin-bottom:1rem}.process-steps{display:grid;gap:1.5rem;margin-top:2rem}.step{background:var(--card-bg);padding:1.5rem;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;transition:transform .2s}.step:hover{transform:translateY(-5px)}.services-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.service-card{background:var(--card-bg);padding:1.5rem;border-radius:.75rem;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #0003}.service-card h4{color:var(--gold);margin-bottom:.5rem}.agency-cta{background:linear-gradient(135deg,var(--blue),var(--gold));color:#fff;text-align:center;padding:3rem 2rem;border-radius:1rem;margin:4rem 2rem}.cta-btn{display:inline-block;background:#fff;color:var(--blue);font-weight:700;padding:.75rem 1.5rem;border-radius:.5rem;margin-top:1rem;text-decoration:none;transition:background .3s,color .3s}.cta-btn:hover{background:var(--gold);color:#111827}.agency-footer{text-align:center;padding:2rem;background:var(--blue);color:#fff;margin-top:3rem;border-top:4px solid var(--gold)}@media (max-width: 768px){.agency-hero h1{font-size:2.2rem}}.whatsapp-float{position:fixed;bottom:30px;left:35px;z-index:1000;animation:bounce 2s infinite;transition:transform .3s ease}.whatsapp-icon{width:80px;height:80px;border-radius:50%;box-shadow:0 4px 12px #0000004d;transition:transform .3s ease}.whatsapp-float:hover .whatsapp-icon{transform:scale(1.1)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width: 768px){.whatsapp-float{bottom:20px;left:25px}.whatsapp-icon{width:70px;height:70px}}