@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/e1aab0933260df4d-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/b7387a63dd068245-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/7cba1811e3c25a15-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Space Grotesk Fallback;src:local("Arial");ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.00%;size-adjust:109.69%}.__className_bc0dcf{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}body{font-family:Poppins,sans-serif;margin:0;padding:0;text-align:center;line-height:1.6;color:#333;font-weight:300}.menu-container{position:fixed;top:0;left:0;z-index:1000;height:100vh}.menu-trigger{background-color:#333;color:white;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:5px;font-size:24px;margin:20px;z-index:1001}.menu-content{position:fixed;top:0;left:0;background-color:#333;width:250px;height:100vh;opacity:0;visibility:hidden;transition:all .3s ease;padding-top:80px;transform:translateX(-100%)}.menu-container:hover .menu-content{opacity:1;visibility:visible;transform:translateX(0)}.menu-content a{color:white;text-decoration:none;padding:16px 24px;display:block;text-align:left;transition:background-color .3s;font-size:18px}.menu-content a:hover{background-color:#444}.portfolio{padding:0;width:100%}section{padding:80px 0;width:100%;margin:0}.hero,section{position:relative}.hero{height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#2d3748);text-align:center;padding:0;overflow:hidden}.hero:before{content:"";position:absolute;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 60%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);backdrop-filter:blur(5px)}.hero-content{position:relative;z-index:1;color:white;max-width:1200px;width:100%;padding:0 20px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.hero-content h1{font-family:Space Grotesk,sans-serif;font-size:5rem;margin:0;padding:0;text-align:center;width:100%;color:white;text-shadow:2px 2px 4px rgba(0,0,0,.3);font-weight:700;letter-spacing:-2px;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.hero-content h2{font-weight:200;letter-spacing:.5px;font-size:1rem;margin:0 0 5vh;padding:0}.hero-main{flex-direction:column;justify-content:center;gap:5vh}.hero-main,.hero-text{display:flex;align-items:center}.hero-text{flex:1;flex-direction:column;text-align:center;margin-top:0;padding:0}.profile-image{margin:5vh 0;border:4px solid rgba(255,255,255,.3);border-radius:50%;overflow:hidden;width:300px;height:300px;flex-shrink:0;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.4),0 15px 45px rgba(0,0,0,.2),0 0 0 1px rgba(255,255,255,.1);transition:transform .3s ease,box-shadow .3s ease;background:transparent}.profile-image img{object-fit:cover;object-position:center;width:100%;height:100%;filter:none;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.profile-image:hover{transform:scale(1.05);box-shadow:0 15px 40px rgba(0,0,0,.5),0 20px 60px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.2)}.about{background:linear-gradient(135deg,#1a1a1a,#2d3748);min-height:100vh;position:relative;overflow-y:auto;color:white;padding:2rem 0}.about-container{display:flex;gap:4rem;max-width:1200px;padding:0 20px;position:relative;z-index:1;margin:0 auto 4rem}.about-left{flex:1;text-align:left}.about-right{flex:2;text-align:left}.about:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,rgba(255,255,255,.1) 0,transparent 60%);pointer-events:none}.about-content{text-align:center;max-width:800px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.about-content h2{font-family:Space Grotesk,sans-serif;font-size:3.5rem;letter-spacing:-1px;font-weight:700;margin-bottom:2rem;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.about-content p{font-size:1.2rem;color:#e2e8f0;line-height:1.8;margin-bottom:.5rem;max-width:600px;margin-left:auto;margin-right:auto}.skills-container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.skills-container h2{font-family:Space Grotesk,sans-serif;font-size:3rem;letter-spacing:-1px;font-weight:700;margin-bottom:2rem;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center}.skills{display:flex;flex-direction:column;gap:0;margin-top:0}.skill-category{margin-bottom:0}.skill-category:before{content:"•";position:absolute;left:0;top:.45rem;color:#4299e1;font-size:1.2rem;line-height:1}.skill-category h3{margin:0;line-height:1}.skill-tags{gap:.1rem;margin:0}.skill-tags div{margin:0;padding:.25rem .6rem;line-height:1}.projects{background:linear-gradient(135deg,#1a1a1a,#2d3748);height:100vh;padding:0;margin:0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;color:white;width:100%}.projects:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,rgba(255,255,255,.1) 0,transparent 60%)}.coming-soon{text-align:center;position:relative;z-index:1;padding:0 20px;max-width:800px;margin:0 auto;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.coming-soon h2{font-family:Space Grotesk,sans-serif;font-size:3.5rem;letter-spacing:-1px;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;width:100%;text-align:center}.coming-soon p{font-size:1.2rem;color:#e2e8f0;line-height:1.8;max-width:600px;margin:0 auto;text-align:center}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem;padding:0 20px}.project-card{background-color:white;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s}.project-card:hover{transform:translateY(-5px)}.project-image{position:relative;height:250px;overflow:hidden}.project-content{padding:1.5rem;text-align:left}.contact{background:linear-gradient(135deg,#1a1a1a,#2d3748);position:relative;color:white;padding:40px 0;overflow:hidden}.contact:before{content:"";background:radial-gradient(circle at bottom left,rgba(66,153,225,.1) 0,transparent 60%)}.contact-overlay,.contact:before{position:absolute;top:0;left:0;right:0;bottom:0}.contact-overlay{background:rgba(0,0,0,.4);backdrop-filter:blur(5px)}.contact-content{position:relative;z-index:1;max-width:800px;margin:0 auto;padding:0 20px;text-align:center}.contact-content h2{font-family:Space Grotesk,sans-serif;letter-spacing:-1px;font-weight:700;font-size:2rem;margin-bottom:.5rem}.contact-content p{font-size:1rem;margin-bottom:1.5rem;color:#cbd5e0;line-height:1.5}.contact-info{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem}.social-links{display:flex;gap:1rem;margin-top:0}.social-link{display:flex;flex-direction:row;align-items:center;gap:.6rem;text-decoration:none;color:white;transition:all .3s ease;padding:.6rem 1rem;border-radius:12px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.social-link:hover{transform:translateY(-2px);background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.2);box-shadow:0 4px 12px rgba(0,0,0,.2)}.social-icon{font-size:1.2rem;transition:transform .3s ease}.social-link:hover .social-icon{transform:scale(1.1)}.social-link span{font-size:.9rem;font-weight:500;transition:color .3s}@media (max-width:768px){.contact{padding:30px 0}.contact-content{max-width:400px}.contact-content h2{font-size:1.75rem;margin-bottom:.4rem}.contact-content p{font-size:.9rem;margin-bottom:1.2rem}.contact-info{flex-direction:column;gap:.8rem}.social-links{flex-direction:row;width:100%;justify-content:center;gap:.8rem}.social-link{padding:.5rem .8rem}.social-icon{font-size:1.1rem}.social-link span{font-size:.85rem}.about{padding:3rem 0}.about-container{flex-direction:column;gap:3rem;margin-bottom:3rem}.about-content h2{font-size:2.5rem;margin-bottom:1.5rem}.about-content p{font-size:1.1rem;margin-bottom:2rem}.skills{grid-template-columns:1fr;gap:1.5rem}.skills-container h2{font-size:2.5rem;margin-bottom:1.5rem}.hero-content h1{font-size:3.5rem;margin-bottom:2rem}.hero-content h2{font-size:1.4rem}.hero-content p{font-size:1.1rem}.profile-image{width:180px;height:180px}.project-grid{grid-template-columns:1fr}}.cta-buttons{margin:0;display:flex;gap:1.5rem;justify-content:center}.btn{display:inline-block;padding:14px 36px;border-radius:50px;text-decoration:none;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:1.1rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.btn:hover:before{left:100%}.btn.primary{background:linear-gradient(135deg,#4299e1,#3182ce);color:white;border:none;box-shadow:0 4px 15px rgba(66,153,225,.3)}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(66,153,225,.4)}.btn.secondary{background:transparent;color:white;border:2px solid rgba(255,255,255,.5)}.btn.secondary:hover{background:rgba(255,255,255,.1);border-color:white;transform:translateY(-3px)}.skill-tags{flex-direction:row}.skills-section{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1rem;backdrop-filter:blur(10px);transition:all .3s ease;text-align:left;max-width:800px;margin-left:0}.skills-section:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.1)}.skills-section h2{font-family:Space Grotesk,sans-serif;font-size:1.75rem;letter-spacing:-.5px;font-weight:600;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:left}.skill-category{position:relative;padding-left:1.5rem;margin-bottom:2rem;display:block}.skill-category:last-child{margin-bottom:0}.skill-category h3{font-family:Space Grotesk,sans-serif;font-size:1.25rem;margin-bottom:.5rem;color:#fff;font-weight:600;letter-spacing:normal;background:none;-webkit-text-fill-color:initial;display:block}.skill-tags div{font-size:1rem;color:#4299e1;margin-bottom:.25rem;text-align:left}.skill-tags div:hover{transform:translateY(-2px);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);box-shadow:0 4px 12px rgba(66,153,225,.2)}@media (max-width:768px){.skills-section{padding:1.5rem}.skill-category{margin-bottom:1.2rem;padding-left:1.2rem}.skill-category h3{font-size:1.1rem;margin-bottom:.6rem}.skill-tags{gap:.5rem}.skill-tags div{padding:.4rem .8rem;font-size:.9rem}}.education-section,.experience-section{margin-top:.25rem}.education-section h3,.experience-section h3{font-family:Space Grotesk,sans-serif;font-size:2rem;letter-spacing:-.5px;font-weight:600;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.experience-section{display:flex;flex-direction:column;align-items:center;width:100%;position:relative}.experience-header{width:100%;text-align:center;padding:.5rem 0;margin-bottom:.5rem;position:relative}.experience-header h2{font-family:Space Grotesk,sans-serif;font-size:2.5rem;letter-spacing:-1px;font-weight:700;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0}.timeline-wrapper{width:100%;overflow:hidden}.timeline-container{width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.timeline-container::-webkit-scrollbar{display:none}.timeline{position:relative;display:inline-flex;gap:1.5rem;padding:2rem;min-width:min-content;margin-top:.25rem}.timeline-item{position:relative;padding:1.5rem;margin-top:2rem;background:rgba(255,255,255,.05);border-radius:15px;backdrop-filter:blur(10px);transition:all .3s ease;width:300px;min-width:300px;flex:0 0 auto}.timeline-item:before{content:"";position:absolute;left:50%;top:-24px;width:20px;height:20px;border-radius:50%;background:#4299e1;border:4px solid #fff;box-shadow:0 0 0 4px rgba(66,153,225,.3),0 0 10px rgba(66,153,225,.5);transform:translateX(-50%);z-index:2}.timeline-item:hover{transform:translateY(-3px);background:rgba(255,255,255,.08);box-shadow:0 8px 20px rgba(0,0,0,.2)}.timeline-item.past-experience{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.03);opacity:.7}.timeline-item.past-experience:hover{opacity:.9;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}.timeline-item.past-experience:before{background:#2d3748;border:2px solid rgba(255,255,255,.2);box-shadow:0 0 0 4px rgba(45,55,72,.1)}.timeline-item.past-experience .text-blue-400,.timeline-item.past-experience .text-gray-300{color:#718096}.timeline-item.past-experience h3{color:#a0aec0}.education-cards{display:flex;flex-direction:column;gap:2rem}@media (max-width:768px){.timeline-item{min-width:260px;padding:1.2rem}}.tabs-container{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem;padding:0 20px}.tab{background:rgba(255,255,255,.05);color:#9CA3AF;padding:.8rem 1.5rem;border-radius:12px;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(8px)}.tab:hover{background:rgba(255,255,255,.1);transform:translateY(-2px);color:#E5E7EB}.tab.active{background:linear-gradient(135deg,#4299e1,#3182ce);border-color:transparent;box-shadow:0 4px 15px rgba(66,153,225,.3);color:white;font-weight:600}.personal-info{background:rgba(255,255,255,.05);border-radius:15px;padding:1.5rem;margin-top:1.5rem;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px)}.info-item{display:flex;margin-bottom:1rem;align-items:baseline}.info-item:last-child{margin-bottom:0}.info-label{font-family:Space Grotesk,sans-serif;font-weight:600;color:#4299e1;min-width:100px;font-size:1rem}.info-value{color:#e2e8f0;font-size:1rem;line-height:1.6}@media (max-width:768px){.about-me-section{margin-bottom:2rem}.personal-info{padding:1.2rem;margin-top:1.2rem}.info-item{margin-bottom:.8rem}.info-label{min-width:90px}.info-label,.info-value{font-size:.95rem}}.experience-section{margin-top:2rem;overflow-x:auto;padding:1rem 0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.experience-section::-webkit-scrollbar{display:none}.experience-cards{display:flex;gap:1.5rem;padding:.5rem 1rem;min-width:min-content}.experience-item{min-width:300px;background:rgba(255,255,255,.05);padding:1.5rem;border-radius:12px;flex-shrink:0;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);transition:all .3s ease}.experience-item:hover{transform:translateY(-3px);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);box-shadow:0 8px 20px rgba(0,0,0,.2)}@media (max-width:768px){.experience-item{min-width:260px;padding:1.2rem}}.about-me-section{max-width:800px;margin:0 auto;padding:0 2rem}.about-me-content{text-align:center}.about-me-content h2{font-family:Space Grotesk,sans-serif;font-size:2.5rem;letter-spacing:-1px;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.about-me-content p{font-size:1.1rem;line-height:1.8;color:#e2e8f0;max-width:800px;margin:0 auto 2rem}.education-section{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1rem;margin-bottom:2rem;backdrop-filter:blur(10px);transition:all .3s ease;text-align:left;max-width:800px;margin-left:0}.education-section h2{font-family:Space Grotesk,sans-serif;font-size:1.75rem;letter-spacing:-.5px;font-weight:600;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:left}.education-content{text-align:left;list-style:none;padding:0}.education-item{position:relative;padding-left:1.5rem;margin-bottom:1.5rem}.education-item:last-child{margin-bottom:0}.education-item:before{content:"•";position:absolute;left:0;top:.25rem;color:#4299e1;font-size:1.2rem;line-height:1}.education-content h3,.skill-category h3{font-family:Space Grotesk,sans-serif;font-size:1.25rem;margin-bottom:.25rem;color:#fff;font-weight:600;letter-spacing:normal;background:none;-webkit-text-fill-color:initial}.education-content p,.skill-tags div{font-size:1rem;color:#4299e1;margin-bottom:.25rem;text-align:left;background:rgba(255,255,255,.05);padding:.5rem 1rem;border-radius:12px;font-weight:500;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);cursor:default;box-shadow:0 2px 4px rgba(0,0,0,.1)}.education-content .education-date,.skill-category .skill-date{font-size:.9rem;color:#718096;margin-top:.25rem}.education-section,.skills-section{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1rem;margin-bottom:2rem;backdrop-filter:blur(10px);transition:all .3s ease;text-align:left;max-width:800px;margin-left:0}.education-section h2,.skills-section h2{font-family:Space Grotesk,sans-serif;font-size:1.75rem;letter-spacing:-.5px;font-weight:600;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:left}.skill-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.4rem}.skill-tags div{background:rgba(255,255,255,.05);color:#e2e8f0;padding:.5rem 1rem;border-radius:12px;font-size:.95rem;font-weight:500;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);cursor:default;box-shadow:0 2px 4px rgba(0,0,0,.1)}@media (max-width:768px){.about-me-section{padding:0 1.5rem}.about-me-content h2{font-size:2rem}.education-section,.skills-section{padding:1.25rem}.education-section h2,.skills-section h2{font-size:1.5rem}}