@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap";
:root{--emerald:#10b981;--emerald-dark:#059669;--emerald-light:#10b98126;--bg-light:#f9fafb;--bg-dark:#282c33;--card-dark:#111827;--text-light:#1f2937;--text-dark:#e5e7eb;--border-light:#e5e7eb;--border-dark:#1f2937;scroll-behavior:smooth}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#1f2937;background-color:#f9fafb;background-image:linear-gradient(#0000000a 1px,#0000 1px),linear-gradient(90deg,#0000000a 1px,#0000 1px);background-size:40px 40px;font-family:Inter,sans-serif;transition:background-color .3s,color .3s}body.dark{color:#e5e7eb;background-color:#282c33;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px)}section{padding:4rem 0}.container{max-width:1080px;margin:0 auto;padding:0 1rem}.container-sm{max-width:896px;margin:0 auto;padding:0 1rem}.mt-12{margin-top:12px}.glow{box-shadow:0 0 40px #10b98159}.section-title{text-align:left;margin-bottom:3rem;font-size:2rem;font-weight:700}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.dark-mode-toggle{z-index:200;align-items:center;display:flex;position:fixed;top:50%;right:1.25rem;transform:translateY(-50%)}.dark-mode-toggle .checkbox{opacity:0;pointer-events:none;position:absolute}.dark-mode-toggle .checkbox-label{cursor:pointer;background-color:#282c33;border-radius:50px;justify-content:space-between;align-items:center;width:42px;height:15px;padding:5px;transition:background .2s linear;display:flex;position:relative;box-shadow:0 2px 10px #00000040}.dark-mode-toggle .checkbox-label .toggle-icon{width:.9rem;height:.9rem}.dark-mode-toggle .checkbox-label .sun-icon{color:#f39c12}.dark-mode-toggle .checkbox-label .sun-icon .checkbox:checked+.checkbox-label .ball{transform:translate(24px)}.hero{grid-template-columns:1fr;align-items:center;gap:2.5rem;max-width:1152px;margin:0 auto;padding:6rem 1rem;display:grid}@media (max-width:768px){.hero{padding:0 1rem}}@media (min-width:768px){.hero{grid-template-columns:1.5fr 1fr}}@media (max-width:575px){.hero>:first-child{text-align:center}.hero>:first-child .hero-btns{justify-content:center}.hero>:nth-child(2){margin-top:2rem}}.badge{background:#10b98126;border:1px solid #10b98159;border-radius:999px;margin-bottom:1rem;padding:6px 14px;font-size:12px;display:inline-block}.hero-title{text-transform:uppercase;font-size:clamp(2.2rem,6vw,3.75rem);font-weight:700;line-height:1.15}@media (max-width:575px){.hero-title{font-size:clamp(2.1rem,6vw,3.75rem)}}.hero-title .accent{color:#10b981}body.dark .hero-title .accent{color:#f9fafb}.hero-subtitle{color:#1f2937;letter-spacing:.04em;text-transform:uppercase;margin-top:.75rem;margin-bottom:0;font-size:clamp(1rem,2.4vw,1.35rem);font-weight:800}body.dark .hero-subtitle{color:#10b981}.hero-location{color:#4b5563;align-items:center;gap:.6rem;margin-top:1.5rem;font-weight:600;display:inline-flex}.hero-location i{color:#10b981;font-size:1rem}body.dark .hero-location{color:#a2aab6}.hero-btns{flex-wrap:wrap;gap:.5rem;margin-top:2rem;display:flex}.hero-btns a{border-radius:6px;justify-content:center;align-items:center;gap:.55rem;padding:.5rem 1.2rem;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}@media (max-width:575px){.hero-btns a{padding:.3rem .5rem}.hero-btns a span{font-size:smaller}}.hero-btns .hero-icon{width:1rem;min-width:1rem;height:1rem;min-height:1rem}.hero-btn--icon-only{width:44px;height:44px;padding:0}@media (max-width:575px){.hero-btn--icon-only{width:36px;height:36px}}.btn-primary{color:#fff;background:#10b981}.btn-primary:hover{background:#059669;transform:translateY(-2px)}.btn-outline{color:#10b981;border:1.5px solid #10b981}.btn-outline:hover{background:#10b98114;transform:translateY(-2px)}.hero-visual{justify-content:center;align-items:center;display:flex}.avatar-box{object-fit:cover;object-position:top;background:linear-gradient(135deg,#10b981,#34d399,#14b8a6);border-radius:24px;width:18rem;height:18rem}.terminal{background:#f0f0f0;border:1px solid #10b98140;border-radius:18px;width:100%;overflow:hidden;box-shadow:0 20px 30px #0000001a}body.dark .terminal{background:#020617;border:1px solid #10b98140;box-shadow:0 20px 60px #0009}.terminal-header{background:#3b3b3b;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}body.dark .terminal-header{background:#0f172a}.terminal-dots{align-items:center;gap:6px;display:flex}.terminal-theme-toggle{align-items:center;display:flex}.terminal-theme-toggle .checkbox{opacity:0;pointer-events:none;position:absolute}.terminal-theme-toggle .checkbox-label{cursor:pointer;background-color:#1e293b;border-radius:50px;justify-content:space-between;align-items:center;width:36px;height:15px;padding:3px;transition:background .2s linear;display:flex;position:relative}.terminal-theme-toggle .checkbox-label .toggle-icon{color:#f1c40f;width:.9rem;height:.9rem}.terminal-theme-toggle .checkbox-label .sun-icon{color:#f39c12}.terminal-theme-toggle .checkbox-label .ball{background-color:#fff;border-radius:50%;width:12px;height:12px;transition:transform .2s linear;position:absolute;top:1px;left:-2px}.terminal-theme-toggle .checkbox:checked+.checkbox-label .ball{transform:translate(24px)}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ef4444}.dot.yellow{background:#f59e0b}.dot.green{background:#10b981}.terminal-body{color:#10b981;padding:20px;font-family:Courier New,monospace;font-size:14px;line-height:1.6}body.dark .terminal-body{color:#10b981}.cmd-res-text{color:#000}body.dark .cmd-res-text{color:#fff}.animate-pulse{animation:1s infinite blink}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.stats{padding-bottom:3rem}.stats-grid{text-align:center;grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffa6;border:1px solid #dddddd80;border-radius:16px;padding:1.5rem;transition:background .3s}body.dark .glass{background:0 0;border-color:#ffffff40}.glass:hover{border:1px solid #42eeb5;transition:border .3s;box-shadow:0 1px 5px #0000001f}body.dark .glass:hover{border-color:#fff3;box-shadow:0 1px 5px #ffffff1f}.stat-number{color:#10b981;font-size:2rem;font-weight:700}.stat-label{color:#6b7280;margin-top:.25rem;font-size:.8rem}body.dark .stat-label{color:#a2aab6}#about{padding-top:1rem}.about-text{text-align:left;color:#4b5563;margin:0 auto;font-size:1.05rem;line-height:1.8}body.dark .about-text{color:#a2aab6}.experience-list{flex-direction:column;gap:1.5rem;margin:0 auto;display:flex}.exp-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffa6;border:1px solid #dddddd80;border-radius:16px;padding:1.5rem;transition:background .3s}body.dark .exp-card{background:0 0;border-color:#ffffff40}.exp-card:hover{border:1px solid #42eeb5;transition:border .3s;box-shadow:0 1px 5px #0000001f}body.dark .exp-card:hover{border-color:#fff3;box-shadow:0 1px 5px #ffffff1f}.exp-header{flex-wrap:wrap;justify-content:space-between;gap:.5rem;display:flex}.exp-title{font-size:1.1rem;font-weight:600}.exp-date{color:#6b7280;font-size:.85rem}.exp-company{color:#10b981;margin-top:.25rem;font-size:.875rem}.exp-desc{color:#4b5563;margin-top:.75rem;font-size:.875rem;line-height:1.7}body.dark .exp-desc{color:#a2aab6}.skills-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:768px){.skills-grid{grid-template-columns:repeat(3,1fr)}}.skill-card{background:linear-gradient(145deg,#10b98114,#0000);border:1px solid #10b98133;border-radius:24px;padding:1.5rem}.skill-card-title{color:#10b981;margin-bottom:1.25rem;font-weight:600}.skill-icons-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.skill-item{white-space:nowrap;background:#10b98114;border-radius:999px;justify-content:flex-start;align-items:center;gap:6px;width:fit-content;padding:6px 10px;font-size:12px;transition:all .25s;display:inline-flex}.skill-item:hover{background:#10b9811a;transform:translateY(-3px)}.skill-icon{width:20px;height:20px;margin:0}.projects-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:768px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffa6;border:1px solid #dddddd80;border-radius:16px;padding:1.5rem;transition:background .3s}body.dark .project-card{background:0 0;border-color:#ffffff40}.project-card:hover{border:1px solid #42eeb5;transition:border .3s;box-shadow:0 1px 5px #0000001f}body.dark .project-card:hover{border-color:#fff3;box-shadow:0 1px 5px #ffffff1f}.project-title{font-size:1.05rem;font-weight:600}.project-desc{color:#4b5563;margin-top:.75rem;font-size:.875rem;line-height:1.6}body.dark .project-desc{color:#a2aab6}.tags{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.tag{color:#10b981;background:#10b98126;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:500}.footer{text-align:center;color:#6b7280;background:#f9fafb;border-top:1px solid #e5e7eb;padding:1.5rem;font-size:.875rem;transition:border-color .3s}body.dark .footer{background:#282c33;border-top-color:#1f2937}.footer-socials{opacity:0;justify-content:center;align-items:center;gap:.75rem;max-height:0;margin-bottom:0;transition:opacity .4s,max-height .4s,margin-bottom .4s;display:flex;overflow:hidden}.footer-socials--visible{opacity:1;max-height:3rem;margin-bottom:.75rem}.footer-social-icon{color:#6b7280;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;text-decoration:none;transition:color .2s,transform .2s;display:flex}.footer-social-icon svg{width:1.1rem;height:1.1rem}.footer-social-icon:hover{transform:translateY(-2px)}.footer-social-icon--github:hover{color:#e2e8f0}.footer-social-icon--linkedin:hover{color:#0a66c2}.footer-social-icon--whatsapp:hover{color:#25d366}.footer-social-icon--email:hover,.footer-social-icon--phone:hover{color:#10b981}body.dark .footer-social-icon{color:#a2aab6}.footer-copy{margin:0}.footer-copy a{color:#6b7280;text-decoration:underline;transition:color .2s}.footer-copy a:hover{color:#059669}.social-sidebar{z-index:90;pointer-events:none;opacity:1;flex-direction:column;align-items:center;transition:opacity .4s;display:flex;position:fixed;top:0;bottom:35%;left:1.75rem}.social-sidebar--hidden{opacity:0;pointer-events:none!important}.social-sidebar--hidden *{pointer-events:none}@media (max-width:1200px){.social-sidebar{-webkit-backdrop-filter:blur(12px);background:#ffffffbf;border:1px solid #e5e7eb;border-radius:999px;flex-direction:row;align-items:center;gap:0;padding:.45rem 1rem;top:auto;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #0000001f}body.dark .social-sidebar{background:#0b0f19d1;border-color:#1f2937;box-shadow:0 4px 24px #00000080}}.social-sidebar__line-top{background:linear-gradient(#0000 0%,#10b981 60% 100%);flex:1;width:1.5px;min-height:3rem}@media (max-width:1200px){.social-sidebar__line-top{display:none}}.social-sidebar__icons{pointer-events:auto;flex-direction:column;align-items:center;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}@media (max-width:1200px){.social-sidebar__icons{flex-direction:row;gap:.25rem}}.social-sidebar__line-bottom{background:linear-gradient(#10b981 0%,#0000 100%);width:1.5px;height:2.5rem}@media (max-width:1200px){.social-sidebar__line-bottom{display:none}}.social-icon{color:#6b7280;background:0 0;border:1.5px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;text-decoration:none;transition:color .2s,border-color .2s,transform .2s,background .2s,box-shadow .2s;display:flex}.social-icon svg{width:1.1rem;height:1.1rem}.social-icon:hover{background:#10b98126;border-color:#10b981;transform:translateY(-3px)scale(1.15);box-shadow:0 0 12px #10b98159}.social-icon--github:hover{color:#e2e8f0}.social-icon--linkedin:hover{color:#0a66c2;background:#0a66c21f;border-color:#0a66c2;box-shadow:0 0 12px #0a66c259}.social-icon--whatsapp:hover{color:#25d366;background:#25d3661f;border-color:#25d366;box-shadow:0 0 12px #25d36659}.social-icon--email:hover,.social-icon--phone:hover{color:#10b981}body.dark .social-icon{color:#a2aab6}.loader-container{z-index:9999;justify-content:center;align-items:center;width:100%;min-height:100vh;transition:background .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.loader-container--dark{color:#10b9810f;background:radial-gradient(circle,#2e3440 0%,#1a1e24 100%)}.loader-container--dark .loader-container__toggle{background:#ffffff08;border-color:#ffffff14}.loader-container--dark .loader-container__toggle:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-2px)}.loader-container--dark .loader-container__square{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.loader-container--light{color:#00000008;background:radial-gradient(circle,#fff 0%,#f3f4f6 100%)}.loader-container--light .loader-container__toggle{background:#00000005;border-color:#0000000f}.loader-container--light .loader-container__toggle:hover{background:#0000000d;border-color:#0000001a;transform:translateY(-2px)}.loader-container--light .loader-container__square{background:linear-gradient(135deg,#059669 0%,#047857 100%)}.loader-container__grid{pointer-events:none;background-image:linear-gradient(currentColor 1px,#0000 1px),linear-gradient(90deg,currentColor 1px,#0000 1px);background-position:50%;background-size:50px 50px;position:absolute;inset:0}.loader-container__toggle{z-index:20;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid;border-radius:50%;justify-content:center;align-items:center;padding:12px;transition:all .3s;display:flex;position:absolute;top:24px;right:24px}.loader-container__toggle-icon{width:24px;height:24px;transition:transform .5s}.loader-container__toggle-icon--sun{color:#fbbf24;filter:drop-shadow(0 0 4px #fbbf2466)}.loader-container__toggle-icon--sun:hover{transform:rotate(45deg)}.loader-container__toggle-icon--moon{color:#4b5563}.loader-container__toggle-icon--moon:hover{transform:rotate(-15deg)}.loader-container__animation{z-index:10;width:96px;height:96px;position:relative;transform:rotate(45deg)}.loader-container__square{border-radius:2px;width:28px;height:28px;margin:2px;animation:6s cubic-bezier(.25,1,.5,1) infinite both square-loop;position:absolute;top:0;left:0}@keyframes square-loop{0%{top:0;left:0}10.5%{top:0;left:0}12.5%{top:0;left:32px}23%{top:0;left:32px}25%{top:0;left:64px}35.5%{top:0;left:64px}37.5%{top:32px;left:64px}48%{top:32px;left:64px}50%{top:32px;left:32px}60.5%{top:32px;left:32px}62.5%{top:64px;left:32px}73%{top:64px;left:32px}75%{top:64px;left:0}85.5%{top:64px;left:0}87.5%{top:32px;left:0}98%{top:32px;left:0}to{top:0;left:0}}