@tailwind base;@tailwind components;@tailwind utilities;*{box-sizing:border-box;margin:0;padding:0}body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;background-color:#f9fafb;color:#374151}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font-family:inherit;color:inherit}.portfolio-wrapper{min-height:100vh;background-color:#f9fafb}.section-container{max-width:72rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width: 640px){.section-container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.section-container{padding-left:2rem;padding-right:2rem}}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:2.25rem;font-weight:700;color:#1f2937;margin-bottom:1rem}@media (min-width: 768px){.section-title{font-size:2.5rem}}.section-divider{width:5rem;height:.25rem;background-color:#2563eb;margin-left:auto;margin-right:auto}.section-subtitle{color:#4b5563;margin-top:1rem}.navbar{position:fixed;top:0;left:0;right:0;background-color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:50}.navbar-container{max-width:72rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width: 640px){.navbar-container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.navbar-container{padding-left:2rem;padding-right:2rem}}.navbar-header{display:flex;justify-content:space-between;align-items:center;height:4rem}.navbar-logo h1{font-size:1.25rem;font-weight:700;color:#1f2937}.navbar-menu-desktop{display:none}@media (min-width: 768px){.navbar-menu-desktop{display:block}}.navbar-links-desktop{margin-left:2.5rem;display:flex;align-items:baseline;gap:1rem}.navbar-link{padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;text-transform:capitalize;color:#4b5563}.navbar-link:hover{background-color:#f3f4f6}.navbar-link-active{background-color:#2563eb;color:#fff}.navbar-menu-mobile-button{display:block}@media (min-width: 768px){.navbar-menu-mobile-button{display:none}}.mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border-radius:.375rem;color:#4b5563}.mobile-menu-toggle:hover{background-color:#f3f4f6}.navbar-menu-mobile{display:block}@media (min-width: 768px){.navbar-menu-mobile{display:none}}.navbar-links-mobile{padding:.5rem .5rem .75rem;display:flex;flex-direction:column;gap:.25rem;background-color:#fff;border-top:1px solid #e5e7eb}@media (min-width: 640px){.navbar-links-mobile{padding-left:.75rem;padding-right:.75rem}}.navbar-link-mobile{display:block;padding:.5rem .75rem;font-size:1rem;font-weight:500;color:#4b5563;text-align:left;width:100%}.navbar-link-mobile:hover{background-color:#f3f4f6}.hero-section{padding-top:4rem;min-height:100vh;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(to bottom right,#2563eb,#6d28d9)}.hero-content-wrapper{max-width:56rem;margin-left:auto;margin-right:auto;text-align:center;padding-left:1rem;padding-right:1rem}@media (min-width: 640px){.hero-content-wrapper{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.hero-content-wrapper{padding-left:2rem;padding-right:2rem}}.hero-text-content{color:#fff}.hero-title{font-size:2.25rem;font-weight:700;margin-bottom:1.5rem}@media (min-width: 768px){.hero-title{font-size:3.75rem}}.hero-name{color:#fde047}.hero-subtitle{font-size:1.25rem;margin-bottom:1rem}@media (min-width: 768px){.hero-subtitle{font-size:1.5rem}}.hero-description{font-size:1.125rem;margin-bottom:2rem;max-width:42rem;margin-left:auto;margin-right:auto;opacity:.9}.hero-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center}@media (min-width: 640px){.hero-buttons{flex-direction:row}}.hero-button{padding:.75rem 2rem;border-radius:.5rem;font-weight:600;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.primary-button{background-color:#facc15;color:#1f2937}.primary-button:hover{background-color:#fcd34d}.secondary-button{border:2px solid white;color:#fff}.secondary-button:hover{background-color:#fff;color:#1f2937}.hero-scroll-indicator{margin-top:3rem;animation:bounce 1s infinite}.hero-scroll-icon{color:#fff;margin-left:auto;margin-right:auto}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.about-section{padding-top:4rem;padding-bottom:4rem;background-color:#fff}.about-content-grid{display:grid;gap:3rem;align-items:center}@media (min-width: 768px){.about-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.about-image-placeholder{width:16rem;height:16rem;background-color:#d1d5db;border-radius:9999px;margin-left:auto;margin-right:auto;margin-bottom:2rem;display:flex;align-items:center;justify-content:center}.about-image-text{font-size:3.75rem;color:#4b5563}.about-subtitle{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.about-description{color:#4b5563;margin-bottom:1rem}.about-description:last-child{margin-bottom:0}.projects-section{padding-top:4rem;padding-bottom:4rem;background-color:#f9fafb}.projects-grid{display:grid;gap:2rem}@media (min-width: 768px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.project-card{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.project-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.project-card-content{padding:1.5rem}.project-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.project-description{color:#4b5563;margin-bottom:1rem}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech-tag{padding:.25rem .75rem;background-color:#dbeafe;color:#1d4ed8;border-radius:9999px;font-size:.875rem}.project-links{display:flex;gap:1rem}.project-link{display:flex;align-items:center;gap:.5rem;color:#4b5563}.project-link:hover{color:#1f2937}.project-link.primary-link{color:#2563eb}.project-link.primary-link:hover{color:#1e40af}.project-link-text{font-size:.875rem}.collaborations-section{padding-top:4rem;padding-bottom:4rem;background-color:#fff}.collaborations-grid{display:grid;gap:2rem}@media (min-width: 768px){.collaborations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.collab-card{background-color:#f9fafb;border-radius:.5rem;padding:1.5rem}.collab-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.collab-icon{color:#2563eb}.collab-title{font-size:1.25rem;font-weight:600;color:#1f2937}.collab-role{font-size:.875rem;color:#2563eb;font-weight:500;margin-bottom:.5rem}.collab-description{color:#4b5563;margin-bottom:1rem}.collab-impact{background-color:#eff6ff;padding:.75rem;border-radius:.5rem}.collab-impact-text{font-size:.875rem;color:#1e40af;font-weight:500}.lessons-section{padding-top:4rem;padding-bottom:4rem;background-color:#f9fafb}.lessons-grid{display:grid;gap:1.5rem}@media (min-width: 768px){.lessons-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.lesson-card{background-color:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.lesson-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.lesson-icon{color:#16a34a}.lesson-title{font-size:1.125rem;font-weight:600;color:#1f2937}.lesson-description{color:#4b5563;margin-bottom:.75rem}.lesson-level{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.lesson-level-beginner{background-color:#dcfce7;color:#15803d}.lesson-level-intermediate{background-color:#dbeafe;color:#1d4ed8}.skills-section{padding-top:4rem;padding-bottom:4rem;background-color:#fff}.skills-grid{display:grid;gap:2rem}@media (min-width: 768px){.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.skill-category-card{background-color:#f9fafb;border-radius:.5rem;padding:1.5rem}.skill-category-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.skill-icon{color:#2563eb}.skill-category-title{font-size:1.25rem;font-weight:600;color:#1f2937}.skill-list{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{padding:.25rem .75rem;background-color:#fff;color:#4b5563;border-radius:9999px;font-size:.875rem;border:1px solid #d1d5db}.testimonials-section{padding-top:4rem;padding-bottom:4rem;background-color:#f9fafb}.testimonials-grid{display:grid;gap:2rem}@media (min-width: 768px){.testimonials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.testimonial-card{background-color:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.testimonial-quote-icon{font-size:2.25rem;color:#2563eb;margin-bottom:1rem}.testimonial-content{color:#4b5563;margin-bottom:1rem;font-style:italic}.testimonial-author-info{display:flex;align-items:center;gap:.75rem}.testimonial-avatar{width:2.5rem;height:2.5rem;background-color:#d1d5db;border-radius:9999px;display:flex;align-items:center;justify-content:center}.testimonial-avatar-initials{font-size:.875rem;font-weight:500;color:#4b5563}.testimonial-author-name{font-weight:600;color:#1f2937}.testimonial-author-role{font-size:.875rem;color:#4b5563}.contact-section{padding-top:4rem;padding-bottom:4rem;background-color:#fff}.contact-info-wrapper{max-width:42rem;margin-left:auto;margin-right:auto}.contact-grid{display:grid;gap:2rem}@media (min-width: 768px){.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.contact-item{text-align:center}.contact-icon-wrapper{width:4rem;height:4rem;background-color:#dbeafe;border-radius:9999px;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto;margin-bottom:1rem}.contact-icon{color:#2563eb}.contact-item-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.contact-link{color:#2563eb}.contact-link:hover{color:#1e40af}.contact-social-links{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem}.social-link{width:3rem;height:3rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;transition-property:background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.github-link{background-color:#1f2937}.github-link:hover{background-color:#374151}.linkedin-link{background-color:#2563eb}.linkedin-link:hover{background-color:#1e40af}.social-icon{color:#fff}.footer{background-color:#1f2937;color:#fff;padding-top:2rem;padding-bottom:2rem}.footer-container{max-width:72rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center}@media (min-width: 640px){.footer-container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.footer-container{padding-left:2rem;padding-right:2rem}}@media (min-width: 768px){.footer-container{flex-direction:row}}.footer-copyright{text-align:center;margin-bottom:1rem}@media (min-width: 768px){.footer-copyright{text-align:left;margin-bottom:0}}.footer-links{display:flex;gap:1.5rem}.footer-link{color:#fff;transition-property:color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.footer-link:hover{color:#60a5fa}.floating-whatsapp-button{position:fixed;bottom:2rem;right:2rem;background-color:#25d366;color:#fff;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0003;z-index:100;transition:transform .3s ease,background-color .3s ease}.floating-whatsapp-button:hover{background-color:#1da851;transform:scale(1.05)}.floating-whatsapp-button svg{width:32px;height:32px}@media (max-width: 768px){.floating-whatsapp-button{bottom:1.5rem;right:1.5rem;width:50px;height:50px}.floating-whatsapp-button svg{width:28px;height:28px}}