body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f8fafc,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%,#f8fafc);background-attachment:fixed;color:#000;font-family:Proxima Nova,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.App,body{min-height:100vh}.App{margin:0 auto;max-width:1200px;padding:0 20px;position:relative}.App:before{background:radial-gradient(circle at 20% 80%,#7877c61a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c61a 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.scroll-animate{opacity:0;transform:translateY(30px);transition:all .8s ease-out}.scroll-animate.animate{opacity:1;transform:translateY(0)}.scroll-animate-delay-1{transition-delay:.2s}.scroll-animate-delay-2{transition-delay:.4s}.scroll-animate-delay-3{transition-delay:.6s}.scroll-animate-delay-4{transition-delay:.8s}@media (max-width:480px){.App{padding:0 15px}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #fff3;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar.visible{transform:translateY(0)}.navbar.hidden{transform:translateY(-100%)}.navbar.scrolled{background:#fffffffa;box-shadow:0 2px 20px #0000001a}.navbar-container{align-items:center;display:flex;height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.navbar-logo{cursor:pointer;transition:transform .2s ease}.navbar-logo:hover{transform:scale(1.05)}.logo-text{color:#000;font-size:1.5rem;font-weight:700;text-decoration:none}.navbar-menu{align-items:center;display:flex;gap:30px}.navbar-link{background:none;border:none;border-radius:8px;color:#374151;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.navbar-link:hover{background:linear-gradient(135deg,#7877c626,#ff77c626 50%,#78dbff26);box-shadow:0 4px 12px #0000001a;color:#000;transform:translateY(-1px)}.navbar-link:active{transform:translateY(0)}@media (max-width:768px){.navbar-container{height:60px;padding:0 15px}.logo-text{font-size:1.3rem}.navbar-menu{gap:20px}.navbar-link{font-size:.9rem;padding:6px 12px}}@media (max-width:480px){.navbar-container{height:55px;padding:0 10px}.logo-text{font-size:1.2rem}.navbar-menu{gap:15px}.navbar-link{font-size:.85rem;padding:5px 10px}}.hero{align-items:center;display:flex;min-height:100vh;padding:90px 0 80px}.hero-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;width:100%}.profile-section{max-width:500px}.profile-picture{margin-bottom:30px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;font-size:48px;height:120px;justify-content:center;margin-bottom:20px;width:120px}.name{font-size:2.5rem;line-height:1.2;margin-bottom:10px}.name,.title{color:#000;font-weight:700}.title{font-size:1.5rem;line-height:1.3;margin-bottom:16px}.profile-bio{margin-bottom:20px}.bio{color:#000;font-size:1.1rem;line-height:1.7;margin-bottom:0}.profile-social{margin-top:20px}.social-links{display:flex;gap:16px;margin-bottom:20px}.social-link{color:#6b7280;text-decoration:none;transition:color .2s ease}.social-link:hover{color:#4b5563}.social-icon{height:22px;width:22px}.resume-button-container{margin-top:20px}.resume-button{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;letter-spacing:.5px;padding:12px 24px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.resume-button:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:0 4px 12px #0000001a;color:#1f2937;transform:translateY(-1px)}.hero-illustration{align-items:center;display:flex;justify-content:center}.profile-image-container{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:20px;box-shadow:0 20px 40px #0000001a;cursor:pointer;height:500px;overflow:hidden;position:relative;transition:all .3s ease;width:400px}.profile-image-container:hover{box-shadow:0 30px 60px #0003;transform:translateY(-8px) scale(1.02)}.profile-image{height:100%;object-fit:cover;object-position:center;opacity:0;transition:transform .3s ease,opacity .3s ease;width:100%}.profile-image.loaded{opacity:1}.profile-image-container:hover .profile-image{transform:scale(1.05)}@media (max-width:768px){.hero-content{gap:28px;grid-template-columns:1fr;text-align:left}.profile-header{order:1}.profile-bio{order:2}.hero-illustration{order:3}.profile-social{order:4}.profile-section{max-width:100%}.name{font-size:2rem}.title{font-size:1.3rem}.hero-illustration,.social-links{justify-content:flex-start}.profile-image-container{height:375px;margin:0;width:300px}.resume-button{font-size:.85rem;padding:10px 20px}}@media (max-width:480px){.hero{padding:60px 0}.name{font-size:1.8rem}.title{font-size:1.2rem}.bio{font-size:1rem}.profile-image-container{height:312px;width:250px}.resume-button{font-size:.8rem;letter-spacing:.3px;padding:8px 16px}}.projects{padding:80px 0}.projects-container{grid-gap:60px;display:grid;gap:60px;grid-template-columns:260px 1fr;margin:0 auto;max-width:1200px}.projects-sidebar{height:-webkit-fit-content;height:fit-content;position:static}.sidebar-title{color:#000;font-size:36px;font-weight:700;margin-bottom:24px;text-align:left}.project-list{display:flex;flex-direction:column;gap:12px}.project-item{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffffeb,#f0f8ffdb 50%,#ffffffeb);border:1px solid #ffffff80;border-radius:12px;box-shadow:0 4px 16px #00000014,inset 0 1px 0 #fff9;color:#000;cursor:pointer;font-size:.95rem;padding:12px 14px;transition:all .3s ease}.project-item:hover{box-shadow:0 6px 22px #0000001f,inset 0 1px 0 #ffffffb3;transform:translateY(-1px)}.project-item.active{background:linear-gradient(135deg,#e6f0fff2,#f0f8ffe6 50%,#e6f0fff2);border:1px solid #c7d2fe;color:#000;font-weight:600}.project-content{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffffe6,#f0f8ffcc 25%,#e6f0ffb3 50%,#f0f8ffcc 75%,#ffffffe6);border:1px solid #ffffff80;border-radius:16px;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #fff9;min-height:600px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.project-content:before{background:linear-gradient(45deg,#7877c61a,#0000 30%,#0000 70%,#ff77c61a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.project-content>*{position:relative;z-index:1}.project-content:hover{background:linear-gradient(135deg,#fffffff2,#f0f8ffe6 25%,#e6f0ffcc 50%,#f0f8ffe6 75%,#fffffff2);box-shadow:0 12px 40px #00000026,inset 0 1px 0 #fffc;transform:translateY(-1px)}.project-details{max-width:860px}.project-title{color:#000;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:8px}.project-subtitle{color:#000;font-size:1.2rem;font-style:italic;font-weight:400;line-height:1.4;margin-bottom:30px}.project-info{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:1fr 1fr}.project-text{display:flex;flex-direction:column;gap:20px}.project-description{color:#000;font-size:1.1rem;line-height:1.7;margin:0}.tech-stack{display:flex;flex-wrap:wrap;gap:8px}.tech-bubble{background:#e6f0ff;border:1px solid #c7d2fe;border-radius:10px;box-shadow:0 2px 4px #0000001a;color:#000;display:inline-block;font-size:.9rem;font-weight:500;padding:6px 12px;transition:all .3s ease}.tech-bubble:hover{background:#f0f6ff;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.project-link{align-self:flex-start;color:#667eea;font-size:1rem;font-weight:500;margin-top:10px;text-decoration:none;transition:color .3s ease}.project-link:hover{color:#5a67d8}.project-images{display:flex;flex-direction:column;gap:20px}.project-image-container{border-radius:12px;box-shadow:0 4px 12px #0000001a;height:auto;overflow:hidden;position:relative;width:100%}.project-image{cursor:pointer;display:block;height:auto;object-fit:contain;object-position:center;transition:transform .3s ease;width:100%}.project-image:hover{transform:scale(1.02)}.image-placeholder{align-items:center;background:#f8f9fa;border:2px dashed #e9ecef;color:#000;display:flex;font-size:.9rem;height:200px;justify-content:center;width:100%}@media (max-width:1024px){.projects-container{gap:40px;grid-template-columns:220px 1fr}.sidebar-title{font-size:28px;margin-bottom:18px}.project-item{font-size:.9rem;padding:10px 12px}.image-placeholder,.project-image,.project-image-container{height:auto;width:100%}.project-image{object-fit:contain}}@media (max-width:768px){.projects{padding:60px 0}.project-title{font-size:2rem;text-align:left}.project-subtitle{font-size:1.1rem;text-align:left}.sidebar-title{font-size:24px;text-align:left}.projects-container{display:flex;flex-direction:column;gap:40px}.projects-sidebar{order:1}.project-content{order:2}.project-list{flex-direction:row;gap:12px;justify-content:flex-start;overflow-x:auto;padding-bottom:10px}.project-item{min-width:120px;text-align:left;white-space:nowrap}.project-info{display:block}.image-placeholder,.project-image-container{height:auto}.project-image{height:auto;object-fit:contain;width:100%}}@media (max-width:480px){.projects-container{gap:30px}.project-title{font-size:1.8rem}.project-description,.project-subtitle{font-size:1rem}.tech-bubble{border-radius:8px;font-size:.85rem;padding:5px 10px}.image-placeholder,.project-image,.project-image-container{height:auto;width:100%}.project-image{object-fit:contain}}.modal-overlay{animation:fadeIn .3s ease-out;background-color:#000c;bottom:0;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content,.modal-overlay{align-items:center;display:flex;justify-content:center}.modal-content{animation:scaleIn .3s ease-out;max-height:90vh;max-width:90vw;position:relative}.modal-image{border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:100%;max-width:100%;object-fit:contain}.modal-close{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:-40px;top:-40px;transition:all .2s ease;width:40px;z-index:1001}.modal-close:hover{background:#fff;transform:scale(1.1)}.modal-close svg{height:20px;width:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.modal-overlay{padding:10px}.modal-close{height:35px;right:-30px;top:-30px;width:35px}.modal-close svg{height:18px;width:18px}}.work{padding:80px 0}.work-card{background:#0000;border-radius:16px;margin:0;max-width:none;padding:50px;width:100%}.work-header{align-items:center;display:flex;gap:12px;margin-bottom:28px}.work-icon-title{color:#000;height:24px;width:24px}.section-title{color:#000;font-size:36px;font-weight:700;margin:0;text-align:left}.work-items{display:flex;flex-direction:column;gap:20px}.work-item{align-items:flex-start;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffffe6,#f0f8ffcc 25%,#e6f0ffb3 50%,#f0f8ffcc 75%,#ffffffe6);border:1px solid #ffffff80;border-radius:16px;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #fff9;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.work-item:before{background:linear-gradient(45deg,#7877c61a,#0000 30%,#0000 70%,#ff77c61a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.work-item>*{position:relative;z-index:1}.work-item:hover{background:linear-gradient(135deg,#fffffff2,#f0f8ffe6 25%,#e6f0ffcc 50%,#f0f8ffe6 75%,#fffffff2);box-shadow:0 12px 40px #00000026,inset 0 1px 0 #fffc;transform:translateY(-2px)}.work-icon{align-items:center;background:#fff;border-radius:50%;box-shadow:0 8px 20px #11182714;display:flex;flex-shrink:0;height:64px;justify-content:center;overflow:hidden;position:relative;width:64px}.company-logo{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.company-fallback{align-items:center;color:#000;display:flex;font-size:1.1rem;font-weight:700;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.work-details{display:flex;flex:1 1;flex-direction:column;gap:8px}.job-title{color:#1f2937;font-size:1.25rem;font-weight:800;line-height:1.3;margin:0}.at{color:#6b7280;font-weight:700;margin:0 4px}.job-meta{color:#6b7280;font-size:.95rem;margin:0}.work-bullets{margin:6px 0 0;padding-left:18px}.work-bullet{color:#111827;font-size:.98rem;line-height:1.6;margin-bottom:6px}.work-tech-stack{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.work-tech-bubble{background:#e6f0ff;border:1px solid #c7d2fe;border-radius:10px;box-shadow:0 2px 4px #0000001a;color:#000;display:inline-block;font-size:.9rem;font-weight:500;padding:6px 12px;transition:all .3s ease}.work-tech-bubble:hover{background:#f0f6ff;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}@media (max-width:768px){.work-card{padding:30px 20px}.work-item{flex-direction:column;gap:15px;padding:20px}.job-title{font-size:1.15rem}.job-meta{font-size:.93rem}.work-bullets{padding-left:16px}}@media (max-width:480px){.work{padding:60px 0}.section-title{font-size:28px}.work-icon{height:56px;width:56px}}.contact{padding:80px 0;position:relative}.contact-container{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 20px}.contact-info{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffffe6,#f0f8ffcc 25%,#e6f0ffb3 50%,#f0f8ffcc 75%,#ffffffe6);border:1px solid #ffffff80;border-radius:16px;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #fff9;overflow:hidden;padding:30px;position:relative}.contact-info:before{background:linear-gradient(45deg,#7877c61a,#0000 30%,#0000 70%,#ff77c61a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.contact-info>*{position:relative;z-index:1}.contact-title{color:#000;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:20px}.contact-description{color:#374151;font-size:1.1rem;line-height:1.6;margin-bottom:40px}.contact-details{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.contact-item{align-items:center;display:flex;gap:12px}.contact-icon{color:#6b7280;flex-shrink:0;height:20px;width:20px}.contact-text{color:#374151;font-size:1rem}.map-container{border-radius:12px;box-shadow:0 8px 32px #0000001a;overflow:hidden}.contact-form{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffffe6,#f0f8ffcc 25%,#e6f0ffb3 50%,#f0f8ffcc 75%,#ffffffe6);border:1px solid #ffffff80;border-radius:16px;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #fff9;overflow:hidden;padding:30px;position:relative}.contact-form:before{background:linear-gradient(45deg,#7877c61a,#0000 30%,#0000 70%,#ff77c61a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.contact-form>*{position:relative;z-index:1}.form-group{margin-bottom:30px}.form-label{align-items:center;display:flex;gap:8px;margin-bottom:8px}.form-icon{color:#6b7280;height:16px;width:16px}.form-label label{color:#6b7280;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.form-input,.form-textarea{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;color:#374151;font-family:inherit;font-size:1rem;padding:16px;transition:all .3s ease;width:100%}.form-input:focus,.form-textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea{min-height:120px;resize:vertical}.submit-container{align-items:center;display:flex;gap:15px;justify-content:flex-end}.submit-button{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:12px;box-shadow:0 4px 15px #00000014;color:#374151;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:16px 32px;transition:all .3s ease}.submit-button:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:0 8px 25px #00000026;color:#1f2937;transform:translateY(-2px)}.submit-icon{height:18px;width:18px}.submit-status{color:#374151;font-size:.9rem;font-weight:500}@media (max-width:768px){.contact{padding:60px 0}.contact-container{gap:40px;grid-template-columns:1fr;padding:0 15px}.contact-title{font-size:2rem}.contact-description{font-size:1rem}.contact-form{padding:30px 20px}.form-group{margin-bottom:25px}.submit-container{align-items:stretch;flex-direction:column;gap:10px}.submit-button{justify-content:center;width:100%}}@media (max-width:480px){.contact-container{gap:30px}.contact-title{font-size:1.8rem}.contact-form{padding:25px 15px}}
/*# sourceMappingURL=main.8fa25af8.css.map*/