body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fdfbf5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}:root{--bg-cream:#fdfbf5;--bg-tech-stack:#e8f5e9;--bg-projects:#f3e5f5;--bg-skills:#fce7e1;--bg-certifications:#e3f2fd;--bg-contact:#fff4d1;--text-primary:#3d2817;--text-secondary:#6b5b4d;--accent-brown:#8b7355;--font-main:"Poppins",sans-serif;--font-elegant:"Gabriola",cursive;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box}*,body{margin:0;padding:0}body{background-color:#fdfbf5;background-color:var(--bg-cream);font-family:Poppins,sans-serif;font-family:var(--font-main);line-height:1.6;overflow-x:hidden}.App,body{color:#3d2817;color:var(--text-primary)}.App{background:#fdfbf5;background:var(--bg-cream);min-height:100vh}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fdfbf5;background:var(--bg-cream)}::-webkit-scrollbar-thumb{background:#8b7355;background:var(--accent-brown);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#6b5b4d;background:var(--text-secondary)}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fdfbf5f2;box-shadow:0 2px 10px #0000000d;left:0;padding:1.5rem 0;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);z-index:1000}.navbar.scrolled{box-shadow:0 4px 20px #00000014;padding:1rem 0}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.nav-logo{color:#3d2817;color:var(--text-primary);font-family:Poppins,sans-serif;font-family:var(--font-main);font-size:1.5rem;font-weight:700;text-decoration:none}.nav-links{display:flex;gap:2rem}.nav-links a{color:#6b5b4d;color:var(--text-secondary);font-size:.9rem;font-weight:500;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.nav-links a:after{background:#3d2817;background:var(--text-primary);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links a:hover{color:#3d2817;color:var(--text-primary)}.nav-links a:hover:after{width:100%}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.section{padding:6rem 0;position:relative}.section-title{color:#3d2817;color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.section-subtitle{color:#6b5b4d;color:var(--text-secondary);font-size:1.1rem;margin-bottom:3rem;text-align:center}.fade-section{opacity:0;transform:translateY(40px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.fade-section.fade-in{opacity:1;transform:translateY(0)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero{align-items:center;background:#fdfbf5;background:var(--bg-cream);display:flex;min-height:100vh;padding-top:80px}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1.5fr 1fr;margin:0 auto;max-width:1200px;padding:0 2rem}.hero-text{animation:fadeInUp .8s ease forwards}.hero-title{align-items:baseline;display:flex;flex-wrap:wrap;font-size:4rem;font-weight:400;gap:1rem;line-height:1.2;margin-bottom:1.5rem}.hi-text{color:#6b5b4d;color:var(--text-secondary);font-family:Poppins,sans-serif;font-family:var(--font-main);font-weight:400}.gradient-text{color:#3d2817;color:var(--text-primary);font-family:Gabriola,cursive;font-family:var(--font-elegant);font-size:4rem;font-weight:400}.hero-subtitle{font-size:1rem;font-weight:500;margin-bottom:1rem}.hero-description,.hero-subtitle{color:#6b5b4d;color:var(--text-secondary)}.hero-description{font-size:1.05rem;line-height:1.8;margin-bottom:2.5rem;max-width:600px;text-align:justify}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem}.btn{align-items:center;border:none;border-radius:50px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.875rem 1.75rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-primary{background:#3d2817;background:var(--text-primary);border:2px solid #3d2817;border:2px solid var(--text-primary);color:#fdfbf5;color:var(--bg-cream)}.btn-primary:hover{box-shadow:0 4px 12px #3d281733;transform:translateY(-2px)}.btn-primary:hover,.btn-secondary{background:#0000;color:#3d2817;color:var(--text-primary)}.btn-secondary{border:2px solid #3d2817;border:2px solid var(--text-primary)}.btn-secondary:hover{background:#3d2817;background:var(--text-primary);color:#fdfbf5;color:var(--bg-cream);transform:translateY(-2px)}.btn-download{background:#8b7355;background:var(--accent-brown);border:2px solid #8b7355;border:2px solid var(--accent-brown);color:#fff}.btn-download:hover{background:#0000;color:#8b7355;color:var(--accent-brown);transform:translateY(-2px)}.hero-image{animation:fadeInUp .8s ease .2s forwards;max-width:350px;opacity:0;position:relative}.avatar-container{background:#0000;border-radius:20px;box-shadow:none;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.avatar-container:hover{transform:translateY(-10px)}.user-avatar{border-radius:20px;display:block;height:auto;width:100%}.section-tech-stack{background:#e8f5e9;background:var(--bg-tech-stack)}.tech-stack-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(6,1fr);margin-top:2rem}.tech-stack-card{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 2px 10px #0000000d;grid-column:span 2;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.tech-stack-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-5px)}.tech-stack-card:nth-child(7){grid-column:2/span 2}.tech-stack-card:nth-child(8){grid-column:4/span 2}.tech-stack-category{color:#3d2817;color:var(--text-primary);font-size:1.35rem;font-weight:700;margin-bottom:.75rem}.tech-stack-description{color:#6b5b4d;color:var(--text-secondary);font-size:1.05rem;line-height:1.7}.tech-highlight{color:#3d2817;color:var(--text-primary);font-weight:600}.section-projects{background:#f3e5f5;background:var(--bg-projects)}.section-header-with-link{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.section-header-with-link .section-title{margin-bottom:.5rem}.section-header-with-link .section-subtitle{margin-bottom:0}.github-profile-link{align-items:center;background:#fff;border:2px solid #0000;border-radius:50px;box-shadow:0 2px 10px #00000014;color:#3d2817;color:var(--text-primary);display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.github-profile-link:hover{border-color:#3d2817;border-color:var(--text-primary);box-shadow:0 6px 20px #0000001f;transform:translateY(-3px)}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-top:2rem}.project-card{background:#fff;border:1px solid #9c27b01a;border-radius:20px;box-shadow:0 2px 10px #0000000f;opacity:0;overflow:hidden;padding:0;position:relative;transform:translateY(30px);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.project-image-container{background:#f5f5f5;border-radius:20px 20px 0 0;height:200px;overflow:hidden;position:relative;width:100%}.project-image{height:100%;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.project-image-repomind{object-position:center 70%}.project-card:hover .project-image-repomind{transform:scale(1.1)}.project-image-defense{object-position:center center}.project-image-wtw{object-position:center 15%;transform:scale(1.3)}.project-card:hover .project-image-wtw{transform:scale(1.35)}.project-image-greenlease{object-position:center 70%}.project-image-campus{object-position:center 15%}.project-image-ats{object-position:center 30%}.project-card:hover .project-image{transform:scale(1.05)}.fade-section.fade-in .project-card{animation:slideUpFade .6s cubic-bezier(.4,0,.2,1) forwards}.fade-section.fade-in .project-card:first-child{animation-delay:.1s}.fade-section.fade-in .project-card:nth-child(2){animation-delay:.2s}.fade-section.fade-in .project-card:nth-child(3){animation-delay:.3s}.fade-section.fade-in .project-card:nth-child(4){animation-delay:.4s}.project-card:before{background:linear-gradient(90deg,#9c27b0,#e1bee7);content:"";height:3px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease;width:100%;z-index:1}.project-card:hover:before{transform:scaleX(1)}.project-card:hover{box-shadow:0 12px 35px #9c27b026;transform:translateY(-8px)}.project-number{color:#9c27b014;font-size:3rem;font-weight:700;line-height:1;position:absolute;right:2rem;top:220px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);z-index:1}.project-card:hover .project-number{color:#9c27b026;transform:scale(1.1)}.project-name{color:#3d2817;color:var(--text-primary);font-size:1.3rem;font-weight:700;line-height:1.3;margin-bottom:1rem;padding:1.5rem 2rem 0;position:relative;z-index:1}.project-description{color:#6b5b4d;color:var(--text-secondary);font-size:.95rem;line-height:1.7}.project-description,.project-tags{margin-bottom:1.5rem;padding:0 2rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem}.project-tag{background:#9c27b01a;border-radius:20px;color:#7b1fa2;display:inline-block;font-size:.8rem;font-weight:600;padding:.4rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.project-card:hover .project-tag{background:#9c27b026}.project-links{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;padding:0 2rem 2rem}.project-link-btn{align-items:center;background:#0000;border:2px solid #9c27b04d;border-radius:50px;color:#7b1fa2;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.7rem 1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.project-link-btn:hover{background:#7b1fa2;border-color:#7b1fa2;color:#fff;transform:translateX(3px)}.project-download-link{align-items:center;color:#7b1fa2;display:inline-flex;font-size:.875rem;font-weight:600;gap:.3rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.project-download-link:hover{text-decoration:underline;transform:translateX(3px)}.section-alt{background:#fce7e1;background:var(--bg-skills)}.skills-subtitle{color:#6b5b4d;color:var(--text-secondary);font-size:1rem;margin-bottom:2rem;margin-top:-1rem;text-align:center}.modern-skills-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:2rem}.design-skills-grid{flex-wrap:nowrap}@media (max-width:1024px){.design-skills-grid{flex-wrap:wrap}}.modern-skill-card{align-items:center;background:#fff;border:1px solid #0000000d;border-radius:50px;box-shadow:0 2px 8px #0000000f;display:inline-flex;gap:.875rem;opacity:0;padding:1rem 2rem;transform:translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:-webkit-fit-content;width:fit-content}.fade-section.fade-in .modern-skill-card{animation:slideUpFade .5s cubic-bezier(.4,0,.2,1) forwards}.fade-section.fade-in .modern-skill-card:first-child{animation-delay:.1s}.fade-section.fade-in .modern-skill-card:nth-child(2){animation-delay:.2s}.fade-section.fade-in .modern-skill-card:nth-child(3){animation-delay:.3s}.fade-section.fade-in .modern-skill-card:nth-child(4){animation-delay:.4s}.fade-section.fade-in .modern-skill-card:nth-child(5){animation-delay:.5s}.modern-skill-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-5px)}.skill-icon-wrapper{align-items:center;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.skill-icon{height:100%;object-fit:contain;width:100%}.skill-name{color:#3d2817;color:var(--text-primary);font-size:1.05rem;font-weight:600;white-space:nowrap}.section-interests{background:#fdfbf5;background:var(--bg-cream);overflow:hidden;padding:0}.photography-roll-container{background:linear-gradient(180deg,#fdfbf5,#fdfbf580);background:linear-gradient(to bottom,var(--bg-cream),#fdfbf580);margin-bottom:3rem;overflow:hidden;padding:3rem 0;width:100%}.photography-roll{animation:scroll 40s linear infinite;display:flex;width:-webkit-fit-content;width:fit-content}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.roll-image{border-radius:12px;box-shadow:0 4px 15px #0000001a;height:270px;margin-right:1.5rem;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:400px}.roll-image:hover{box-shadow:0 8px 25px #00000026;transform:scale(1.05)}.interests-content{padding:3rem 2rem 6rem}.interests-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.interest-card{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 2px 10px #0000000d;padding:2rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.interest-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-5px)}.interest-icon{align-items:center;background:#fdfbf5;background:var(--bg-cream);border-radius:50%;display:flex;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.interest-card h3,.interest-icon{color:#3d2817;color:var(--text-primary)}.interest-card h3{font-size:1.1rem;font-weight:600}.section-certifications{background:#e3f2fd;background:var(--bg-certifications)}.section-certifications .container{max-width:1400px}.certifications-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(5,1fr);margin-top:1.5rem}.cert-card{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;justify-content:center;padding:1.5rem 1rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.cert-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-5px)}.cert-image-container{align-items:center;background:#0000;display:flex;height:70px;justify-content:center;margin-bottom:1rem;width:100%}.cert-image{height:60px;max-width:90%;object-fit:scale-down;width:auto}.cert-card:nth-child(3) .cert-image{transform:scale(1.35)}.cert-card:nth-child(4) .cert-image{transform:scale(.8)}.cert-card h3{color:#3d2817;color:var(--text-primary);display:flex;flex-grow:1;font-size:.95rem;line-height:1.4;margin-bottom:.75rem}.cert-card h3,.cert-link{align-items:center;font-weight:600;justify-content:center}.cert-link{color:#8b7355;color:var(--accent-brown);display:inline-flex;font-size:.85rem;gap:.4rem;margin-top:auto;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.cert-link:hover{color:#3d2817;color:var(--text-primary);transform:translateX(3px)}.section-problem-solving{background:#fff4d1;background:var(--bg-contact)}.problem-solving-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.problem-solving-card{align-items:flex-start;background:#fff;border:1px solid #0000000d;border-radius:20px;box-shadow:0 2px 10px #0000000f;display:flex;gap:1.5rem;overflow:hidden;padding:2.5rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.problem-solving-card:before{background:linear-gradient(90deg,#ffa116,#00a67e);content:"";height:3px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease;width:100%}.problem-solving-card:hover:before{transform:scaleX(1)}.problem-solving-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-5px)}.problem-solving-icon{align-items:center;background:linear-gradient(135deg,#ffa116,#00a67e);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:60px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:60px}.problem-solving-card:hover .problem-solving-icon{transform:scale(1.1) rotate(5deg)}.problem-solving-content{flex:1 1}.problem-solving-title{color:#3d2817;color:var(--text-primary);font-size:1.4rem;font-weight:700;margin-bottom:.75rem}.problem-solving-description{color:#6b5b4d;color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin:0}.problem-solving-arrow{color:#6b5b4d;color:var(--text-secondary);flex-shrink:0;font-size:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.problem-solving-card:hover .problem-solving-arrow{color:#3d2817;color:var(--text-primary);transform:translateX(5px)}.section-contact{background:#fdfbf5;background:var(--bg-cream)}.contact-subtitle{color:#3d2817;color:var(--text-primary);font-size:1.1rem;margin-bottom:2rem;margin-top:-.5rem;text-align:center}.contact-email-row{display:flex;justify-content:center;margin-bottom:2rem}.email-link-with-icon{align-items:center;background:#fff;border-radius:50px;box-shadow:0 4px 15px #0000001a;color:#3d2817;color:var(--text-primary);display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.email-link-with-icon:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.email-link-with-icon svg{flex-shrink:0}.social-links{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:2rem}.social-link{align-items:center;background:#fff;border:2px solid #0000;border-radius:50px;box-shadow:0 2px 10px #00000014;color:#3d2817;color:var(--text-primary);display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.875rem 1.75rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.social-link:hover{border-color:var(--hover-color);box-shadow:0 6px 20px #0000001f;color:var(--hover-color);transform:translateY(-3px)}.footer{background:#3d2817;background:var(--text-primary);color:#fdfbf5;color:var(--bg-cream);font-size:.9rem;padding:2rem;text-align:center}.footer p{margin:0}@media (max-width:1024px){.hero-content{gap:3rem;grid-template-columns:1fr}.hero-image{margin:0 auto;max-width:400px}.tech-stack-grid{grid-template-columns:repeat(4,1fr)}.tech-stack-card,.tech-stack-card:nth-child(7),.tech-stack-card:nth-child(8){grid-column:span 2}.projects-grid{grid-template-columns:1fr}}@media (max-width:768px){.nav-links{display:none}.gradient-text,.hero-title{font-size:3rem}.section{padding:4rem 0}.section-title{font-size:2rem}.hero-buttons{align-items:flex-start;flex-direction:column}.btn{justify-content:center;width:100%}.modern-skills-grid{flex-wrap:wrap;gap:1rem}.tech-stack-grid{grid-template-columns:repeat(2,1fr)}.tech-stack-card,.tech-stack-card:nth-child(7),.tech-stack-card:nth-child(8){grid-column:span 1}.certifications-grid{grid-template-columns:repeat(2,1fr)}.social-links{align-items:stretch;flex-direction:column}.social-link{justify-content:center}}@media (max-width:480px){.hero-title{align-items:flex-start;flex-direction:column;gap:0}.gradient-text,.hero-title{font-size:2.5rem}.container{padding:0 1rem}.modern-skills-grid{grid-template-columns:repeat(2,1fr)}.tech-stack-grid{grid-template-columns:1fr}.tech-stack-card,.tech-stack-card:nth-child(7),.tech-stack-card:nth-child(8){grid-column:auto}.certifications-grid{grid-template-columns:1fr}.roll-image{height:170px;width:250px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.47ea3a2d.css.map*/