.light-mode{--bg-primary:#f8fafc;--bg-surface:#fff;--border-color:#e2e8f0cc;--text-main:#334155;--text-muted:#64748b;--tag-bg:#f1f5f9;--tag-text:#475569;--badge-bg:#e0e7ff;--badge-text:#4f46e5;--btn-secondary-bg:#e2e8f0;--btn-secondary-text:#334155}.dark-mode{--bg-primary:#0f172a;--bg-surface:#1e293b;--border-color:#334155;--text-main:#f1f5f9;--text-muted:#94a3b8;--tag-bg:#334155;--tag-text:#cbd5e1;--badge-bg:#4f46e533;--badge-text:#818cf8;--btn-secondary-bg:#334155;--btn-secondary-text:#f1f5f9}.portfolio-container{background-color:var(--bg-primary);min-height:100vh;color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s,color .3s}.portfolio-header{z-index:50;-webkit-backdrop-filter:blur(12px);background-color:#ffffff0d;padding:1rem 1.5rem;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;max-width:1024px;margin:0 auto;display:flex}.portfolio-avatar{object-fit:cover;width:100%;height:100%;display:block}.logo-text{background:linear-gradient(90deg,#6366f1,#10b981);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:700}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-links a{color:inherit;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#6366f1}.theme-toggle-btn{cursor:pointer;background:0 0;background-color:var(--tag-bg);border:none;border-radius:50%;padding:.5rem;font-size:1.1rem;transition:transform .2s}.theme-toggle-btn:hover{transform:scale(1.05)}.main-content{max-width:1024px;margin:0 auto;padding:4rem 1.5rem}.about-section{grid-template-columns:2fr 1fr;align-items:center;gap:3rem;margin-bottom:6rem;display:grid}@media (width<=768px){.about-section{text-align:center;grid-template-columns:1fr}}.status-badge{background-color:var(--badge-bg);color:var(--badge-text);border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.status-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px}.hero-title{letter-spacing:-.05em;margin-bottom:1.5rem;font-size:2.5rem;font-weight:800}.highlight-text{background:linear-gradient(90deg,#6366f1,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.description-paragraph{color:var(--text-muted);margin-bottom:1rem;font-size:1rem;line-height:1.7}.social-links-container{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}@media (width<=768px){.social-links-container{justify-content:center}}.btn{border-radius:.5rem;align-items:center;padding:.65rem 1.25rem;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-flex}.btn:hover{opacity:.9}.btn-linkedin{color:#fff;background-color:#0077b5}.btn-github{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.btn-whatsapp{color:#fff;background-color:#059669}.photo-wrapper{width:240px;height:240px;margin:0 auto;position:relative}.photo-card{border:2px solid var(--bg-surface);border-radius:1.5rem;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a}.avatar-placeholder{background-color:var(--bg-surface);width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.section-container{margin-bottom:6rem}.section-header{margin-bottom:2rem}.section-title{font-size:1.75rem;font-weight:700}.section-underline{background-color:#6366f1;border-radius:2px;width:3rem;height:4px;margin-top:.5rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.project-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:1rem;flex-direction:column;justify-content:space-between;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex}.project-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000000d}.project-category{color:#6366f1;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}.project-title{margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.project-description{color:var(--text-muted);font-size:.875rem;line-height:1.6}.project-card-header-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.project-github-btn{color:var(--text-muted);background-color:var(--tag-bg);border:1px solid var(--border-color);border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .2s}.project-github-btn:hover{color:var(--link-color);border-color:var(--link-color);transform:scale(1.03)}.tech-tags-container{border-top:1px solid var(--border-color);flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;padding-top:1rem;display:flex}.tech-tag{background-color:var(--tag-bg);color:var(--tag-text);border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;display:grid}@media (width<=640px){.skills-grid{grid-template-columns:1fr}}.skills-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem}.skills-card-header{align-items:center;gap:.75rem;margin-bottom:1.25rem;font-weight:600;display:flex}.skills-icon{font-size:1.25rem}.skills-tags-container{flex-wrap:wrap;gap:.5rem;display:flex}.skill-item-tag{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-main);border-radius:.5rem;padding:.35rem .75rem;font-size:.875rem;font-weight:500}.portfolio-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-color);padding:2rem 1.5rem;font-size:.75rem}.footer-subtext{margin-top:.25rem;font-size:.65rem}