@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";:root{--color-bg: #0a0a0f;--color-bg-light: #1a1a1f;--color-text-white: #f5f5f7;--color-text-gray: #8a8a8d;--color-primary: #4f46e5;--color-primary-light: #818cf8;--color-primary-dark: #3730a3;--color-accent: #7c3aed;--color-accent-light: #a78bfa;--color-accent-dark: #5b21b6;--color-secondary: #06b6d4;--color-secondary-light: #22d3ee;--color-secondary-dark: #0891b2;--gradient-primary: linear-gradient( 110deg, var(--color-primary) 0%, var(--color-accent) 50%, var(--color-secondary) 100% );--gradient-hero: linear-gradient(135deg, #fff 0%, #a5b4fc 100%);--gradient-button: linear-gradient(135deg, #818cf8 0%, #6366f1 100%);--gradient-text: linear-gradient(135deg, #fff 0%, #a5b4fc 100%);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.2rem;--spacing-xl: 2rem;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px;--transition-all: all .3s ease;--mobile: 480px;--tablet: 768px;--laptop: 1024px;--desktop: 1280px;--container-sm: 100%;--container-md: 90%;--container-lg: 85%;--container-xl: 75%;--transition-all: all .3s cubic-bezier(.4, 0, .2, 1);--transition-transform: transform .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif;font-weight:400}::selection{color:var(--color-bg);background-color:#fffc}::-moz-selection{color:var(--color-bg);background-color:#fffc}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text-white);line-height:1.8;font-size:16px;min-height:100vh}a{text-decoration:none;color:inherit;transition:var(--transition-all)}a:hover{color:var(--color-primary)}button{cursor:pointer;border:none;outline:none;background:none;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-light)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-full)}:is():hover{background:var(--color-primary-light)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.section{padding:var(--spacing-xl) 0;position:relative;scroll-margin-top:100px}.section:before{display:none}.word-highlight{color:var(--color-bg);background-color:#fffc;padding:var(--spacing-xs);border-radius:var(--radius-sm)}.fade-in{opacity:0;animation:fadeIn .5s ease-in forwards}.slide-up{transform:translateY(20px);opacity:0;animation:slideUp .5s ease-out forwards}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{to{transform:translateY(0);opacity:1}}@media (max-width: 768px){body{font-size:14px}}.header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--spacing-md) var(--spacing-md);background:transparent;display:flex;justify-content:center;align-items:center}.header .nav-menu{display:flex;width:fit-content;background:#0a0a0fb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);gap:clamp(var(--spacing-xs),1vw,var(--spacing-md));padding:var(--spacing-xs);border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.05);margin:0 var(--spacing-sm);overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.header .nav-menu::-webkit-scrollbar{display:none}.header .nav-item{color:var(--color-text-gray);font-weight:500;padding:var(--spacing-xs) var(--spacing-lg);border-radius:var(--radius-full);transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;background:transparent;letter-spacing:.5px;text-transform:capitalize;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.header .nav-item:hover{color:var(--color-text-white);background:#ffffff1a;transform:translateY(-1px)}.header .nav-item.active{color:var(--color-text-white);background:var(--gradient-button);box-shadow:0 4px 16px #818cf866;font-weight:600;position:relative;z-index:1;transition:all .5s cubic-bezier(.4,0,.2,1)}.header .nav-item.active:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;border-radius:inherit;filter:blur(10px) opacity(.5);z-index:-1;transition:all .5s cubic-bezier(.4,0,.2,1)}.header .nav-item.active:hover{transform:translateY(-1px)}.header .nav-item.active:hover:before{filter:blur(15px) opacity(.7)}@media (max-width: 768px){.header .header-content{flex-direction:column;gap:var(--spacing-md)}.header .nav-item{padding:var(--spacing-xs) var(--spacing-md);background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.header .name{display:none}.header .header.scrolled .name{font-size:1.5rem}}.hero{height:90vh;display:flex;align-items:center}.hero .hero-content{text-align:center;max-width:1000px;margin:0 auto}.hero .hero-greeting{font-size:2rem;font-weight:400;margin-bottom:var(--spacing-sm);color:var(--color-text-gray);opacity:.9}.hero .hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.5;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(165,180,252,.5)}.hero .hero-title:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;filter:blur(20px) opacity(.3);z-index:-1}.hero .hero-subtitle{font-size:1.5rem;font-weight:400;color:var(--color-text-gray);margin-bottom:var(--spacing-xl)}.hero .hero-social-links{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.hero .hero-social-links .social-link{color:var(--color-text-white);font-size:1.5rem;padding:var(--spacing-sm);border-radius:var(--radius-lg);background:#ffffff08;border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;min-width:3rem;height:3rem;cursor:pointer;transition:all .5s ease;transition-delay:.1s}.hero .hero-social-links .social-link i{transition:transform .5s ease;transition-delay:.1s}.hero .hero-social-links .social-link span{font-size:1rem;max-width:0;opacity:0;overflow:hidden;margin-left:0;transition:all .5s ease;transition-delay:.2s}.hero .hero-social-links .social-link:hover{padding:var(--spacing-sm) var(--spacing-lg);transform:translateY(-5px);background:#ffffff0d;border-color:#ffffff1a}.hero .hero-social-links .social-link:hover span{max-width:100px;opacity:1;margin-left:var(--spacing-sm)}.hero .hero-social-links .social-link.github:hover{background:#24292e;border-color:#2f363d}.hero .hero-social-links .social-link.linkedin:hover{background:#0077b5;border-color:#0088ce}.hero .hero-social-links .social-link.twitter:hover{background:#1da1f2;border-color:#1da1f2}.hero .hero-social-links .social-link.medium:hover{background:#333;border-color:#333}.hero .hero-cta{display:flex;gap:var(--spacing-md);justify-content:center}.hero .hero-cta .btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-weight:600;transition:var(--transition-all);position:relative;z-index:1;text-decoration:none;display:inline-block}.hero .hero-cta .btn.primary{color:var(--color-text-white);background:var(--gradient-button);box-shadow:0 4px 16px #818cf866;border:none}.hero .hero-cta .btn.primary:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;border-radius:inherit;filter:blur(10px) opacity(.5);z-index:-1;transition:all .3s ease}.hero .hero-cta .btn.primary:hover{transform:translateY(-2px)}.hero .hero-cta .btn.primary:hover:before{filter:blur(15px) opacity(.7)}.hero .hero-cta .btn.secondary{color:var(--color-text-white);background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.hero .hero-cta .btn.secondary:hover{background:#ffffff26;transform:translateY(-2px)}@media (max-width: 768px){.hero .hero-greeting{font-size:1.5rem}.hero .hero-title{font-size:2.5rem}.hero .hero-subtitle{font-size:1.25rem}.hero .hero-social-links{gap:var(--spacing-sm)}.hero .hero-social-links .social-link{font-size:1.25rem;width:2.5rem;height:2.5rem}.hero .hero-social-links .social-link span{display:none}.hero .hero-cta{flex-direction:column;align-items:center}.hero .hero-cta .btn{width:fit-content}}.about{padding:var(--spacing-xl) 0}.about .about-content{margin:0 auto}.about .about-description{color:var(--color-text-gray);font-size:clamp(1rem,2vw,1.1rem);line-height:1.8;margin-bottom:var(--spacing-xl);text-align:justify}.about .experience-section,.about .education-section{margin-bottom:var(--spacing-xl)}.about .experience-section h3,.about .education-section h3{font-size:1.5rem;color:var(--color-text-white);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:1px solid rgba(255,255,255,.1)}.about .experience-item,.about .education-item{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);transition:var(--transition-all)}.about .experience-item:hover,.about .education-item:hover{transform:translateY(-2px);background:#ffffff0d;border-color:#ffffff1a}.about .experience-header,.about .education-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.about .experience-header h4,.about .education-header h4{font-size:1.2rem;color:var(--color-text-white)}.about .period,.about .year{color:var(--color-text-gray);font-size:.9rem}.about .company,.about .institution{color:var(--color-primary-light);font-weight:500;margin-bottom:var(--spacing-sm)}.about .description{color:var(--color-text-gray);line-height:1.6}.about .section-title{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:var(--spacing-xl);background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(165,180,252,.5);position:relative}.about .section-title:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;filter:blur(20px) opacity(.3);z-index:-1}@media (max-width: 768px){.about .experience-header,.about .education-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.about .period,.about .year{font-size:.85rem}}.tech{padding:var(--spacing-xl) 0}.tech .tech-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(var(--spacing-sm),2vw,var(--spacing-md));margin:0 auto}.tech .tech-item{flex:0 0 clamp(80px,15vw,100px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:var(--radius-lg);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;cursor:pointer;aspect-ratio:1}.tech .tech-item i{font-size:2.5rem;margin-bottom:var(--spacing-sm);transition:all .3s ease}.tech .tech-name{position:absolute;bottom:-30px;left:50%;transform:translate(-50%) translateY(10px);background:var(--gradient-button);color:var(--color-text-white);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.875rem;opacity:0;transition:all .3s ease;white-space:nowrap;pointer-events:none;box-shadow:0 4px 16px #818cf866}.tech .tech-item:hover{transform:translateY(-5px);background:#ffffff0d;border-color:#ffffff1a}.tech .tech-item:hover .tech-name{opacity:1;transform:translate(-50%) translateY(0)}.tech .tech-item:hover i{transform:scale(1.1)}.tech .section-title{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:var(--spacing-xl);background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(165,180,252,.5);position:relative}.tech .section-title:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;filter:blur(20px) opacity(.3);z-index:-1}@media (max-width: 768px){.tech .tech-grid{gap:var(--spacing-lg)}.tech .tech-item{flex:0 0 70px}}@media (max-width: 480px){.tech .tech-grid{gap:var(--spacing-xl)}.tech .tech-item{flex:0 0 60px}.tech .tech-item i{font-size:2rem}}@media (max-width: 360px){.tech .tech-grid{gap:var(--spacing-md);display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.tech .tech-item{flex:none;width:100%}}.tech .tech-item i,.tech .section-title{font-size:2rem}.projects{min-height:100vh;overflow:visible;background-color:var(--color-bg)}.projects .section-title{font-size:clamp(2rem,4vw,2.5rem);font-weight:800;text-align:center;margin-bottom:var(--spacing-xl);background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(165,180,252,.5);position:relative}.projects .section-title:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;filter:blur(20px) opacity(.3);z-index:-1}.projects .projects-grid{width:100%;display:flex;flex-direction:column;gap:var(--spacing-xl);position:relative}.projects .project-card{width:100%;margin-bottom:var(--spacing-xl);position:relative}.projects .project-content{display:flex;gap:var(--spacing-xl)}.projects .project-card:nth-child(2n) .project-content{flex-direction:row-reverse}.projects .project-image-wrapper{position:sticky;top:var(--spacing-xl);width:50%;height:fit-content}.projects .project-image{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;width:100%;display:flex;align-items:center;justify-content:center}.projects .project-image img{width:auto;height:auto;max-width:100%;max-height:500px;object-fit:contain;object-position:center;transform:translateZ(0);transition:all .5s ease;opacity:0}.projects .project-image img[src]{opacity:1}.projects .slideshow-dots{position:absolute;bottom:var(--spacing-md);left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-sm);background:#000000bf;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .3s ease}.projects .project-image:hover .slideshow-dots{opacity:1}.projects .dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-gray);border:none;padding:0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.projects .dot:hover{transform:scale(1.2);background:var(--color-text-white)}.projects .dot.active{background:var(--color-primary-light);transform:scale(1.2)}.projects .project-content-container{flex:1;display:flex;flex-direction:column;gap:var(--spacing-lg)}.projects .project-text{flex-grow:1}.projects .project-title{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:800;background:linear-gradient(135deg,#fff,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px;margin-bottom:var(--spacing-md);position:relative}.projects .project-title:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;filter:blur(10px) opacity(.2);z-index:-1}.projects .project-description{color:var(--color-text-white);font-size:clamp(1rem,2vw,1.1rem);white-space:pre-wrap;text-align:justify}.projects .project-description p{margin-bottom:var(--spacing-lg)}.projects .project-footer{margin-top:auto}.projects .project-tech-stack{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.projects .tech-tag{color:var(--color-text-white);font-weight:500;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);letter-spacing:.5px;text-transform:capitalize}.projects .tech-tag:hover{color:var(--color-text-white);background:#ffffff1a;transform:translateY(-1px)}.projects .project-links{display:flex;gap:var(--spacing-md)}.projects .project-link{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-white);font-weight:600;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--gradient-button);box-shadow:0 4px 16px #818cf866;border:none;letter-spacing:.5px;text-decoration:none;position:relative;z-index:1}.projects .project-link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;border-radius:inherit;filter:blur(8px) opacity(.5);z-index:-1;transition:all .3s ease}.projects .project-link:hover{color:var(--color-text-white);transform:translateY(-1px);filter:brightness(1.1)}.projects .project-link:hover:before{filter:blur(12px) opacity(.7)}.projects .project-title-mobile{display:none}@media (max-width: 1024px){.projects .project-title-desktop{display:none}.projects .project-title-mobile{display:block;margin-bottom:0}.projects .project-content,.projects .project-card:nth-child(2n) .project-content{flex-direction:column}.projects .project-image-wrapper{width:100%;position:relative;top:0}}@media (max-width: 768px){.projects .projects{padding:var(--spacing-lg) 0}.projects .project-links{flex-wrap:wrap}.projects .project-link{text-align:center}}.contact{padding:var(--spacing-xl) 0}.contact .contact-subtitle{text-align:justify;color:var(--color-text-gray);margin:0 auto var(--spacing-xl) auto;font-size:clamp(1rem,2vw,1.1rem);line-height:1.8}.contact .contact-content{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-xl);padding:0 var(--spacing-md);width:100%}.contact .contact-info{display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:center;padding:var(--spacing-xl);background:#ffffff08;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05);transition:var(--transition-all)}.contact .contact-info:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-2px)}.contact .info-item{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);font-size:clamp(.9rem,2.5vw,1.1rem);width:100%;text-align:center;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.contact .info-item i{font-size:1.5rem;color:var(--color-primary-light);flex-shrink:0}.contact .info-item a{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;text-align:center;color:var(--color-text-white);text-decoration:none;transition:var(--transition-all)}.contact .info-item a:hover{color:var(--color-primary-light)}.contact .location-link{color:var(--color-text-white);text-decoration:none;transition:var(--transition-all);cursor:pointer}.contact .location-link:hover{color:var(--color-primary-light)}.contact .copy-button{background:none;border:none;color:var(--color-text-gray);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;position:relative;transition:var(--transition-all)}.contact .copy-button:hover:not(.disabled){color:var(--color-primary-light);background:#ffffff0d}.contact .copy-button.disabled{cursor:default;color:var(--color-primary-light)}.contact .copy-button .tooltip{position:absolute;bottom:-30px;left:50%;transform:translate(-50%) translateY(10px);background:var(--gradient-button);color:var(--color-text-white);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.875rem;opacity:0;visibility:hidden;transition:all .3s ease;white-space:nowrap;pointer-events:none;box-shadow:0 4px 16px #818cf866}.contact .copy-button:hover:not(.disabled) .tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.contact .social-links{display:flex;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap}.contact .social-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);background:#ffffff0d;color:var(--color-text-white);text-decoration:none;transition:var(--transition-all);border:1px solid rgba(255,255,255,.1)}.contact .social-link i{font-size:1.2rem}.contact .social-link:hover{transform:translateY(-2px);background:#ffffff1a;border-color:#fff3}.contact .social-link.github:hover{color:#fff;background:#24292e}.contact .social-link.linkedin:hover{color:#fff;background:#0077b5}.contact .social-link.twitter:hover{color:#fff;background:#1da1f2}.contact .social-link.instagram:hover{color:#fff;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}@media (max-width: 768px){.contact .contact-content{padding:0 var(--spacing-md)}.contact .social-link{justify-content:center}}.contact .section-title{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:var(--spacing-xl);background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(165,180,252,.5);position:relative}.contact .section-title:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;filter:blur(20px) opacity(.3);z-index:-1}.home{min-height:100vh;overflow-x:hidden;background-color:var(--color-bg)}.main{padding-top:80px;background-color:var(--color-bg);overflow:visible}section{padding:var(--spacing-xl) var(--spacing-lg);margin:0 auto;max-width:1200px;width:100%;scroll-margin-top:80px;display:flex;flex-direction:column;justify-content:center;background-color:var(--color-bg)}@media (max-width: 1200px){section{padding:var(--spacing-xl) var(--spacing-md)}}@media (max-width: 768px){section{padding:var(--spacing-lg) var(--spacing-sm);min-height:auto}}@media (max-width: 480px){.section{padding:var(--spacing-md) var(--spacing-xs)}}