@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap);:root{--primary:#6366f1;--primary-dark:#4f46e5;--secondary:#8b5cf6;--dark:#0f172a;--darker:#0a0f1f;--light:#f1f5f9;--gray:#94a3b8;--card-bg:#0f172ab3;--card-border:#6366f14d}*{box-sizing:border-box;margin:0;overscroll-behavior:none;padding:0}body{background:linear-gradient(135deg,#0a0f1f,#0f172a);background:linear-gradient(135deg,var(--darker) 0,var(--dark) 100%);color:#f1f5f9;color:var(--light);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;overflow-x:hidden;position:relative}body:before{background:radial-gradient(circle at 15% 50%,#6366f11a 0,#0000 20%),radial-gradient(circle at 85% 30%,#8b5cf61a 0,#0000 20%),radial-gradient(circle at 50% 80%,#4f46e51a 0,#0000 20%);content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.app-container{background-attachment:fixed;display:flex;flex-direction:column;min-height:100vh}.nav-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172acc;border-bottom:1px solid #6366f11a;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:100}.nav-container.scrolled{background:#0a0f1ff2;box-shadow:0 4px 30px #0000001a}.nav-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 2rem}.nav-brand{display:flex;flex-direction:column}.nav-brand-name{color:#fff;font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:700}.nav-brand-title{color:#94a3b8;color:var(--gray);font-size:.75rem;margin-top:.1rem}.menu-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px;z-index:100}.menu-icon{height:24px;position:relative;width:24px}.menu-icon span{background:#fff;border-radius:2px;height:2px;left:0;opacity:1;position:absolute;transform:rotate(0deg);transition:all .3s ease;width:100%}.menu-icon span:first-child{top:0}.menu-icon span:nth-child(2){top:8px}.menu-icon span:nth-child(3){top:16px}.menu-icon.open span:first-child{top:8px;transform:rotate(135deg)}.menu-icon.open span:nth-child(2){left:-60px;opacity:0}.menu-icon.open span:nth-child(3){top:8px;transform:rotate(-135deg)}.desktop-nav{display:none}.nav-item{align-items:center;background:none;border:none;color:#94a3b8;color:var(--gray);cursor:pointer;display:flex;font-size:1rem;font-weight:500;padding:.5rem 1rem;position:relative;transition:all .3s ease}.nav-item span{position:relative;z-index:1}.nav-item:before{background:#6366f1;background:var(--primary);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-item:hover{color:#fff}.nav-item:hover:before{width:100%}.nav-item.active{color:#fff}.nav-item.active:before{width:100%}.mobile-nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0f1ffa;display:flex;flex-direction:column;height:100%;left:0;padding:6rem 2rem 2rem;position:fixed;top:0;width:100%;z-index:90}.mobile-nav .nav-item{font-size:1.5rem;margin:1rem 0;padding:1rem 0}main{flex-grow:1;padding:7rem 1.5rem 3rem}section{margin:0 auto;max-width:1200px}.section-header{margin-bottom:3rem;text-align:center}.section-header h1{font-family:Space Grotesk,sans-serif;font-size:3rem;font-weight:800;margin-bottom:.5rem}.section-header h1 span{color:#6366f1;color:var(--primary);position:relative}.section-header h1 span:after{background:#6366f1;background:var(--primary);border-radius:2px;bottom:0;content:"";height:4px;left:0;position:absolute;width:100%}.section-subtitle{color:#94a3b8;color:var(--gray);font-size:1.25rem;margin:0 auto;max-width:600px}.home-section{padding:2rem 0}.home-content{display:flex;flex-direction:column;gap:3rem}.profile-intro{align-items:flex-start;display:flex;flex-direction:row;gap:3rem}.profile-image-and-name{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-right:3rem}.profile-image-container{height:250px;position:relative;width:250px}.profile-image{border:4px solid #6366f1;border:4px solid var(--primary);border-radius:50%;height:100%;overflow:hidden;position:relative;width:100%;z-index:2}.profile-image img{height:100%;object-fit:cover;width:100%}.image-highlight{background:radial-gradient(circle,#6366f1 0,#0000 70%);background:radial-gradient(circle,var(--primary) 0,#0000 70%);border-radius:50%;filter:blur(20px);height:calc(100% + 20px);left:-10px;opacity:.3;position:absolute;top:-10px;width:calc(100% + 20px);z-index:1}.profile-content{max-width:600px;text-align:center}.profile-title{font-family:Space Grotesk,sans-serif;font-size:3rem;font-weight:800;margin-bottom:1rem}.profile-title span{display:block;line-height:1.1}.profile-title span:first-child{color:#fff}.profile-title span:last-child{color:#6366f1;color:var(--primary)}.profile-subtitle{color:#94a3b8;color:var(--gray);font-size:1.25rem;line-height:1.6;margin-bottom:1.5rem}.profile-subtitle span{display:block}.profile-bio{color:#94a3b8;color:var(--gray);font-size:1.125rem;line-height:1.7;margin-bottom:2rem}.social-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.social-link{align-items:center;background:#6366f11a;border:1px solid #6366f14d;border:1px solid var(--card-border);border-radius:50px;color:#f1f5f9;color:var(--light);display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.social-link:hover{background:#6366f1;background:var(--primary);box-shadow:0 10px 20px #6366f14d;transform:translateY(-3px)}.social-icon{align-items:center;display:flex;justify-content:center}.expertise-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.expertise-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ab3;background:var(--card-bg);border:1px solid #6366f14d;border:1px solid var(--card-border);border-radius:16px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.expertise-card:hover{border-color:#6366f1;border-color:var(--primary);box-shadow:0 10px 30px #6366f133;transform:translateY(-5px)}.expertise-icon{align-items:center;background:#6366f11a;border-radius:12px;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.expertise-icon svg{stroke:#6366f1;stroke:var(--primary);height:24px;width:24px}.expertise-content h3{color:#fff;font-size:1.25rem;margin-bottom:.5rem}.expertise-content p{color:#94a3b8;color:var(--gray);line-height:1.6}.projects-section{padding:4rem 0}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ab3;background:var(--card-bg);border:1px solid #6366f14d;border:1px solid var(--card-border);border-radius:16px;display:flex;gap:2rem;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.project-card:hover{border-color:#6366f1;border-color:var(--primary);box-shadow:0 20px 40px #0003;transform:translateY(-5px)}.project-number{color:#6366f11a;font-family:Space Grotesk,sans-serif;font-size:3rem;font-weight:800;position:absolute;right:1rem;top:1rem;z-index:0}.project-content{position:relative;z-index:1}.project-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.project-description{color:#94a3b8;color:var(--gray);line-height:1.7;margin-bottom:1.5rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem}.project-tag{background:#6366f11a;border:1px solid #6366f14d;border:1px solid var(--card-border);border-radius:50px;color:#6366f1;color:var(--primary);font-size:.85rem;font-weight:500;padding:.4rem 1rem}.resume-section{padding:4rem 0}.timeline-container{padding:2rem 0;position:relative}.timeline-container:before{background:#6366f14d;background:var(--card-border);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.timeline-item{margin-bottom:3rem;position:relative;width:calc(50% - 2rem)}.timeline-item.left{left:0;margin-left:0;padding-right:0;text-align:left}.timeline-item.right{left:50%;padding-left:4rem}.timeline-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ab3;background:var(--card-bg);border:1px solid #6366f14d;border:1px solid var(--card-border);border-radius:16px;padding:1.5rem}.timeline-period{color:#6366f1;color:var(--primary);font-weight:600;margin-bottom:.5rem}.timeline-header{margin-bottom:1rem}.timeline-header h3{color:#fff;font-size:1.25rem}.timeline-header span{color:#94a3b8;color:var(--gray);font-size:.9rem}.timeline-description{color:#94a3b8;color:var(--gray);line-height:1.7;padding-left:1.5rem}.timeline-item.left .timeline-description{text-align:left}.timeline-dot{background:#6366f1;background:var(--primary);border:3px solid #0f172a;border:3px solid var(--dark);border-radius:50%;height:16px;position:absolute;top:1.5rem;width:16px}.timeline-item.left .timeline-dot{right:-2.5rem}.timeline-item.right .timeline-dot{left:-2.5rem}.education-section{margin-top:4rem}.education-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin-bottom:3rem}.education-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ab3;background:var(--card-bg);border:1px solid #6366f14d;border:1px solid var(--card-border);border-radius:16px;display:flex;gap:1.5rem;padding:2rem}.education-icon{align-items:center;background:#6366f11a;border-radius:16px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.education-icon svg{stroke:#6366f1;stroke:var(--primary);height:28px;width:28px}.education-content h3{color:#fff;font-size:1.25rem;margin-bottom:.5rem}.education-institution{color:#6366f1;color:var(--primary);font-weight:600;margin-bottom:.25rem}.education-period{color:#94a3b8;color:var(--gray);font-size:.9rem;margin-bottom:1rem}.education-content p{color:#94a3b8;color:var(--gray);line-height:1.7}.skills-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ab3;background:var(--card-bg);border:1px solid #6366f14d;border:1px solid var(--card-border);border-radius:16px;padding:2rem}.skills-section h3{color:#fff;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.skills-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.skill-item{background:#6366f11a;border:1px solid #6366f14d;border:1px solid var(--card-border);border-radius:50px;color:#6366f1;color:var(--primary);font-weight:500;padding:.75rem 1.5rem;text-align:center;transition:all .3s ease}.skill-item:hover{background:#6366f1;background:var(--primary);color:#fff;transform:translateY(-3px)}.contact-section{padding:4rem 0}.contact-container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr}.contact-info{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.contact-method{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ab3;background:var(--card-bg);border:1px solid #6366f14d;border:1px solid var(--card-border);border-radius:16px;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.contact-method:hover{border-color:#6366f1;border-color:var(--primary);box-shadow:0 10px 30px #6366f133;transform:translateY(-5px)}.contact-icon{align-items:center;background:#6366f11a;border-radius:16px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.contact-icon svg{stroke:#6366f1;stroke:var(--primary);height:24px;width:24px}.contact-details h3{color:#fff;font-size:1.25rem;margin-bottom:.5rem}.contact-details a,.contact-details span{color:#94a3b8;color:var(--gray);text-decoration:none;transition:color .3s ease}.contact-details a:hover{color:#6366f1;color:var(--primary)}.contact-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ab3;background:var(--card-bg);border:1px solid #6366f14d;border:1px solid var(--card-border);border-radius:16px;padding:2rem}.contact-form h3{color:#fff;font-size:1.5rem;text-align:center}.contact-form h3,.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{background:#0f172a80;border:1px solid #6366f14d;border:1px solid var(--card-border);border-radius:12px;color:#fff;font-family:Inter,sans-serif;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #6366f133;outline:none}.form-group textarea{resize:vertical}.submit-button{align-items:center;background:#6366f1;background:var(--primary);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease;width:100%}.submit-button:hover{background:#4f46e5;background:var(--primary-dark);box-shadow:0 10px 20px #6366f14d;transform:translateY(-3px)}.submit-button svg{transition:transform .3s ease}.submit-button:hover svg{transform:translateX(5px)}.section-divider{background:#6366f14d;background:var(--card-border);border:0;height:1px;margin:6rem 0 4rem}.secondary-section-header{margin-bottom:3rem;text-align:center}.secondary-section-header h1{font-family:Space Grotesk,sans-serif;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.additional-links{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-top:2rem}.additional-link-box{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ab3;background:var(--card-bg);border:1px solid #6366f14d;border:1px solid var(--card-border);border-radius:16px;display:flex;gap:1.5rem;min-height:100px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.additional-link-box:hover{border-color:#6366f1;border-color:var(--primary);box-shadow:0 10px 30px #6366f133;transform:translateY(-5px)}.link-box-content{align-items:center;display:flex;gap:1.5rem}.link-avatar{background:#6366f11a;border-radius:16px;flex-shrink:0;height:60px;object-fit:cover;width:60px}.additional-link-box h3{color:#fff;font-size:1.25rem;margin-bottom:.5rem}.additional-link-box a{color:#94a3b8;color:var(--gray);display:block;font-weight:500;text-decoration:none;transition:color .3s ease}.additional-link-box a:hover{color:#6366f1;color:var(--primary)}.additional-link-box svg{stroke:#6366f1;stroke:var(--primary)}.special-box-love{overflow:hidden;position:relative}.special-box-love:hover:before{animation:heartRise1 2.5s ease-out infinite;color:#ff69b499;font-size:22px;left:60%}.special-box-love:hover:after,.special-box-love:hover:before{bottom:-30px;content:"♡";opacity:0;pointer-events:none;position:absolute}.special-box-love:hover:after{animation:heartRise2 2.8s ease-out .8s infinite;color:#ff69b480;font-size:18px;right:10%}.special-box-love:hover{border-color:#ff69b480;box-shadow:0 10px 30px #ff69b433}.special-box-love .link-box-content:before{bottom:-25px;color:#ff69b466;content:"♡";font-size:16px;left:70%;opacity:0;pointer-events:none;position:absolute;z-index:-1}.special-box-love:hover .link-box-content:before{animation:heartRise3 3.2s ease-out 1.2s infinite}.special-box-love .link-box-content:after{bottom:-25px;color:#ff69b466;content:"♡";font-size:20px;opacity:0;pointer-events:none;position:absolute;right:25%;z-index:-1}.special-box-love:hover .link-box-content:after{animation:heartRise4 2.7s ease-out .4s infinite}.special-box-love .link-box-content{position:relative;z-index:2}@keyframes heartRise1{0%{bottom:-30px;opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(1)}80%{opacity:.5;transform:scale(.8)}to{bottom:130px;opacity:0;transform:scale(.3)}}@keyframes heartRise2{0%{bottom:-30px;opacity:0;transform:scale(.3)}25%{opacity:.8;transform:scale(1.1)}75%{opacity:.4;transform:scale(.9)}to{bottom:120px;opacity:0;transform:scale(.2)}}@keyframes heartRise3{0%{bottom:-25px;opacity:0;transform:scale(.4)}30%{opacity:.6;transform:scale(1)}70%{opacity:.3;transform:scale(.7)}to{bottom:110px;opacity:0;transform:scale(.2)}}@keyframes heartRise4{0%{bottom:-25px;opacity:0;transform:scale(.6)}25%{opacity:.7;transform:scale(1.2)}75%{opacity:.4;transform:scale(.8)}to{bottom:125px;opacity:0;transform:scale(.3)}}@keyframes heartFloat{0%{background-position:0 100px,30px 120px}to{background-position:0 -50px,30px -30px}}@media (max-width:768px){.additional-links{grid-template-columns:1fr}.special-box-love:after{font-size:1.2rem;letter-spacing:.3rem}}footer{background:#0a0f1ff2;border-top:1px solid #6366f11a;padding:3rem 1.5rem 1.5rem}.footer-content{align-items:center;display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1200px;text-align:center}.footer-brand{color:#fff;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700}.footer-links{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.footer-links button{background:none;border:none;color:#94a3b8;color:var(--gray);cursor:pointer;font-size:1rem;font-weight:500;transition:color .3s ease}.footer-links button:hover{color:#6366f1;color:var(--primary)}.footer-social{display:flex;gap:1.5rem}.footer-social a{align-items:center;background:#6366f11a;border-radius:50%;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.footer-social a:hover{background:#6366f1;background:var(--primary);transform:translateY(-3px)}.footer-social svg{stroke:#fff}.footer-copyright{border-top:1px solid #6366f11a;color:#94a3b8;color:var(--gray);font-size:.875rem;margin-top:2rem;padding-top:1.5rem;text-align:center}.popup-success{animation:fadeInOut 3s ease-in-out;background-color:#2ecc71;border-radius:10px;bottom:30px;box-shadow:0 2px 10px #00000026;color:#fff;font-size:14px;padding:12px 20px;position:fixed;right:30px;z-index:999}@keyframes fadeInOut{0%{opacity:0;transform:translateY(20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@media (min-width:768px){.desktop-nav{display:flex;gap:1rem}.menu-button{display:none}.profile-intro{align-items:center;flex-direction:row}.profile-content,.profile-intro{text-align:left}.social-links{justify-content:flex-start}.expertise-section{grid-template-columns:repeat(3,1fr)}.projects-grid{grid-template-columns:1fr}.contact-container{grid-template-columns:1fr 1fr}}@media (min-width:992px){.projects-grid{grid-template-columns:1fr 1fr}.profile-image-container{height:300px;width:300px}.home-content{padding:2rem 0}.section-header h1{font-size:3.5rem}}@media (min-width:1200px){.nav-content{padding:1rem 3rem}main{padding:8rem 2rem 4rem}}
/*# sourceMappingURL=main.347b1843.css.map*/