*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}.App{overflow-x:hidden;width:100%}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1a1a1af2;box-shadow:0 2px 10px #00000080;padding:1rem 0;position:fixed;top:0;width:100%;z-index:1000}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.nav-logo{color:#e0e0e0;font-size:1.5rem;font-weight:700;text-decoration:none;transition:color .3s ease}.nav-logo:hover{color:#667eea}.nav-menu{display:flex;gap:2rem;list-style:none}.hamburger{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:.5rem;z-index:1001}.hamburger span{background-color:#e0e0e0;border-radius:3px;height:3px;transform-origin:center;transition:all .3s ease;width:25px}.hamburger.active span:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0;transform:translateX(-10px)}.hamburger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.menu-overlay{background-color:#000000b3;display:none;height:100vh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:999}.menu-overlay.active{opacity:1;pointer-events:all}.nav-link{color:#e0e0e0;font-weight:500;position:relative;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#667eea}.nav-link:after{background-color:#667eea;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover:after{width:100%}.hero{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;position:relative;text-align:center}.hero-content{max-width:800px;z-index:1}.hero-title{animation:fadeInUp 1s ease;font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.highlight{color:gold;text-shadow:2px 2px 4px #0000004d}.hero-subtitle{animation:fadeInUp 1s ease .2s both;font-size:.8rem;margin-bottom:2.5rem;opacity:.9}.hero-subtitle .tech-text{color:#e0e0e0;font-weight:600}.hero-subtitle .tech-angular{color:#dd0031}.hero-subtitle .tech-react{color:#61dafb}.hero-subtitle .tech-typescript{color:#3178c6}.hero-subtitle .tech-nestjs{color:#e0234e}.hero-subtitle .tech-mongodb{color:#47a248}.hero-subtitle-text{-webkit-text-fill-color:#0000;animation:rainbow-flow 6s linear infinite;background:linear-gradient(90deg,#00f,#06f 4.16%,#1e90ff 8.33%,#3d7fff 12.5%,#4169e1 16.66%,#4f6fff 20.83%,#5b7cfa 25%,#6678f5 29.16%,#6a5acd 33.33%,#7363d8 37.5%,#7b68ee 41.66%,#826de4 45.83%,#8a7be8 50%,#8f79e2 54.16%,#9370db 58.33%,#976dd9 62.5%,#9b6ed8 66.66%,#9f6fd6 70.83%,#a370d5 75%,#a771d3 79.16%,#ab72d2 83.33%,#af73d0 87.5%,#9400d3 91.66%,#8f2bd8 95.83%,#8a2be2 100%,#8570e6 104.16%,#7b68ee 108.33%,#7160f0 112.5%,#6a5acd 116.66%,#6354d0 120.83%,#5b7cfa 125%,#4f6fff 129.16%,#4169e1 133.33%,#3d7fff 137.5%,#1e90ff 141.66%,#06f 145.83%,#00f 150%);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;color:#0000;display:block;font-size:1.25rem;font-weight:400;margin-top:.5rem}.hero-buttons{animation:fadeInUp 1s ease .4s both;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn{border:2px solid #0000;border-radius:50px;display:inline-block;font-size:1rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#4f46e533,#7c3aed33);border:2px solid #7c3aed99;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#4f46e54d,#7c3aed4d);border-color:#7c3aed;box-shadow:0 8px 20px #7c3aed80;transform:translateY(-2px)}.btn-secondary{background-color:initial;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #667eea80;color:#fff}.btn-secondary:hover{background:linear-gradient(135deg,#667eea33,#764ba233);border-color:#667eea;box-shadow:0 8px 20px #667eea66;color:#fff;transform:translateY(-2px)}.btn-tertiary{background-color:initial;border:2px solid #ffffff4d;color:#fff}.btn-tertiary:hover{background-color:#ffffff1a;border-color:#fff9;box-shadow:0 8px 20px #fff3;color:#fff;transform:translateY(-2px)}.scroll-indicator{align-items:center;animation:bounce 2s infinite;bottom:2rem;display:flex;flex-direction:column;gap:.5rem;position:absolute}.scroll-indicator span{font-size:.9rem;opacity:.8}.arrow{font-size:1.5rem}.section{min-height:50vh;padding:5rem 2rem}.container{margin:0 auto;max-width:1200px}.section-title{color:#e0e0e0;font-size:2.5rem;font-weight:700;margin-bottom:1rem;padding-bottom:1rem;position:relative;text-align:center}.section-title:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.about{background-color:#121212}.profile-image-container{aspect-ratio:1;margin:0 auto 2rem;max-width:320px;width:80vw}.profile-image{border-radius:50%;height:100%;object-fit:cover;object-position:center 50%;transform:translateY(1rem);width:100%}.about-content{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.about-text-content{margin:0 auto;max-width:800px;text-align:center}.about-text-content h3{color:#e0e0e0;font-size:1.5rem;font-weight:600;line-height:1.4;margin-bottom:1rem}.about-text-content p{margin-bottom:1rem}.about-text,.about-text-content p{color:#b0b0b0;font-size:1.1rem;line-height:1.8}.about-text{text-align:center}.about-text p{margin-bottom:1rem}.about-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem}.stat-item{background:#1e1e1e;border:1px solid #2a2a2a;border-radius:10px;box-shadow:0 5px 15px #00000080;padding:2rem;text-align:center;transition:transform .3s ease}.stat-item:hover{box-shadow:0 10px 25px #667eea4d;transform:translateY(-5px)}.stat-item h3{align-items:center;color:#667eea;display:flex;font-size:1.25rem;gap:.5rem;justify-content:center;margin-bottom:.5rem}.stat-icon{color:#667eea;height:1.5rem;width:1.5rem}.stat-item p{color:#b0b0b0;font-size:1rem}.skills{background-color:#0a0a0a}.skills-badges{align-content:center;flex-wrap:wrap;gap:1rem;margin:0 auto;max-width:900px;padding:2rem 0;width:100%}.skill-badge,.skills-badges{align-items:center;display:flex;justify-content:center}.skill-badge{--skill-color:#e0e0e0;background:linear-gradient(135deg,#1e1e1e,#252525);border:1px solid #2a2a2a;border-radius:12px;box-shadow:0 2px 8px #0000004d;cursor:pointer;height:60px;padding:1rem;position:relative;transition:all .3s ease;width:60px}.skill-badge .skill-icon{color:var(--skill-color);height:2rem;transition:all .3s ease;width:2rem}.skill-badge:hover{background:linear-gradient(135deg,#252525,#2a2a2a);border-color:var(--skill-color);box-shadow:0 5px 20px color-mix(in srgb,var(--skill-color) 40%,#0000);transform:translateY(-3px) scale(1.1)}.skill-badge:hover .skill-icon{color:var(--skill-color);transform:scale(1.15)}.skill-badge:before{background-color:#667eea;border-radius:6px;box-shadow:0 4px 12px #0000004d;color:#fff;content:attr(data-tooltip);font-size:.85rem;padding:.5rem .75rem;transform:translateX(-50%) translateY(-8px);transition:opacity .3s ease,transform .3s ease;white-space:nowrap}.skill-badge:after,.skill-badge:before{bottom:100%;left:50%;opacity:0;pointer-events:none;position:absolute;z-index:1000}.skill-badge:after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #667eea;content:"";height:0;transform:translateX(-50%) translateY(-2px);transition:opacity .3s ease;width:0}.skill-badge:hover:before{opacity:1;transform:translateX(-50%) translateY(-12px)}.skill-badge:hover:after{opacity:1}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.skill-card{background:linear-gradient(135deg,#1e1e1e,#252525);border:1px solid #2a2a2a;border-radius:15px;box-shadow:0 5px 15px #00000080;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.skill-card:hover{border-color:#667eea;box-shadow:0 10px 30px #667eea66;transform:translateY(-10px)}.skill-icon{font-size:3rem}.skill-card h3{color:#e0e0e0;font-size:1.5rem;margin-bottom:1rem}.skill-card p{color:#b0b0b0;line-height:1.6}.projects{background-color:#121212}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.project-card{background-color:#1e1e1e;border:1px solid #2a2a2a;border-radius:15px;box-shadow:0 5px 15px #00000080;overflow:hidden;transition:transform .3s ease}.project-card:hover{border-color:#667eea;box-shadow:0 10px 30px #667eea66;transform:translateY(-10px)}.project-image{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);height:250px;position:relative}.project-image,.project-overlay{align-items:center;display:flex;justify-content:center}.project-overlay{background:#000c;bottom:0;flex-direction:column;left:0;opacity:0;padding:2rem;position:absolute;right:0;text-align:center;top:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.project-overlay h3{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.project-overlay p{color:#ccc;margin-bottom:1.5rem}.project-links{display:flex;gap:1rem}.project-link{background-color:#667eea;border-radius:25px;color:#fff;padding:.7rem 1.5rem;text-decoration:none;transition:background-color .3s ease}.project-link:hover{background-color:#764ba2}.projects-new{background-color:#121212}.projects-header{margin-bottom:3rem;text-align:center}.projects-subtitle{color:#b0b0b0;font-size:1.1rem;line-height:1.6;margin:1rem auto 0;max-width:800px}.projects-grid-new{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (min-width:640px){.projects-grid-new{grid-template-columns:repeat(2,1fr)}}.project-card-new{background:linear-gradient(135deg,#1e1e1e,#252525);border:1px solid #2a2a2a;border-radius:15px;box-shadow:0 5px 15px #00000080;overflow:hidden;transition:all .3s ease}.project-card-new:hover{border-color:#667eea;box-shadow:0 10px 30px #667eea66;transform:translateY(-5px)}.project-image-container{aspect-ratio:16/9;overflow:hidden;position:relative;width:100%}.project-image-new{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.project-card-new:hover .project-image-new{transform:scale(1.05)}.project-image-overlay{background:linear-gradient(0deg,#00000080,#0000);inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.project-card-new:hover .project-image-overlay{opacity:1}.project-content{padding:1.5rem}@media (min-width:640px){.project-content{padding:2rem}}.project-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.project-title-new{color:#e0e0e0;font-size:1.5rem;font-weight:700;margin:0}.project-badge{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background-color:#3b82f633;border-radius:9999px;color:#60a5fa;font-size:.75rem;font-weight:500;padding:.25rem .75rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.project-description{color:#b0b0b0;font-size:1rem;line-height:1.6;margin-bottom:1rem}.project-tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech-tag{background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;color:#e0e0e0;font-size:.875rem;padding:.375rem .75rem}.project-view-btn{align-items:center;background:#0000;border:none;color:#e0e0e0;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:0;transition:gap .3s ease}.project-view-btn:hover{color:#667eea;gap:.75rem}.btn-icon{height:1rem;width:1rem}.experience{background-color:#121212}.experience-subtitle{color:#b0b0b0;font-size:1.1rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.experience-timeline{margin:0 auto;max-width:900px;position:relative}.experience-item{padding-bottom:3rem;padding-left:2rem;position:relative}.experience-item:last-child{padding-bottom:0}.timeline-line{bottom:0;top:1.5rem}.timeline-dot-top,.timeline-line{background:linear-gradient(180deg,#667eea,#764ba2);left:0;position:absolute;width:2px}.timeline-dot,.timeline-dot-top{height:1rem;top:0}.timeline-dot{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 15px #667eea66;left:-8px;position:absolute;width:1rem}.experience-card{background:linear-gradient(135deg,#1e1e1e,#252525);border:1px solid #2a2a2a;border-radius:15px;box-shadow:0 5px 15px #00000080;padding:2rem;transition:all .3s ease}.experience-card:hover{border-color:#667eea;box-shadow:0 10px 30px #667eea66;transform:translateY(-5px)}.experience-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}@media (min-width:640px){.experience-header{align-items:center;flex-direction:row;justify-content:space-between}}.experience-title-group{flex:1 1}.experience-role{color:#e0e0e0;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.experience-company{color:#b0b0b0;font-size:1rem}.experience-period{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea33;border-radius:8px;color:#e0e0e0;display:inline-block;font-size:.875rem;padding:.5rem 1rem;white-space:nowrap}.experience-responsibilities{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.responsibility-item{align-items:flex-start;color:#b0b0b0;display:flex;font-size:1rem;gap:.75rem;line-height:1.6}.check-icon{color:#47a248;flex-shrink:0;height:1.25rem;margin-top:.125rem;width:1.25rem}.contact{background-color:#0a0a0a}.contact-content{margin:0 auto;max-width:800px}.contact-info{text-align:center}.contact-info h3{color:#e0e0e0;font-size:2rem;margin-bottom:1rem}.contact-info>p{color:#b0b0b0;font-size:1.1rem;margin-bottom:2rem}.contact-items{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.contact-item{align-items:center;color:#e0e0e0;display:flex;font-size:1.1rem;gap:1rem;justify-content:center}.contact-icon{font-size:1.5rem}.social-links{flex-wrap:wrap;gap:1.5rem;margin-top:2rem}.social-link,.social-links{display:flex;justify-content:center}.social-link{align-items:center;background-color:#1e1e1e;border:2px solid #2a2a2a;border-radius:50%;height:80px;padding:1rem;position:relative;text-decoration:none;transition:all .3s ease;width:80px}.social-link[data-social=github]{--social-color:#fff;background-color:#1e1e1e;border-color:#2a2a2a}.social-link[data-social=github]:hover{background-color:#24292e;border-color:#fff;box-shadow:0 5px 15px #fff3}.social-link[data-social=linkedin]{--social-color:#0077b5;background-color:#1e1e1e;border-color:#2a2a2a}.social-link[data-social=linkedin]:hover{border-color:#0077b5;box-shadow:0 5px 15px #0077b566}.social-link[data-social=email]{--social-color:#ea4335;background-color:#1e1e1e;border-color:#2a2a2a}.social-link[data-social=email]:hover{border-color:#ea4335;box-shadow:0 5px 15px #ea433566}.social-link:hover{transform:translateY(-2px) scale(1.1)}.social-icon{color:#e0e0e0;color:var(--social-color,#e0e0e0);height:3rem;transition:color .3s ease;width:3rem}.social-link:hover .social-icon{color:#fff;color:var(--social-color,#fff)}.social-link:before{background-color:#667eea;border-radius:6px;box-shadow:0 4px 12px #0000004d;color:#fff;content:attr(data-tooltip);font-size:.85rem;padding:.5rem .75rem;transform:translateX(-50%) translateY(-8px);transition:opacity .3s ease,transform .3s ease;white-space:nowrap}.social-link:after,.social-link:before{bottom:100%;left:50%;opacity:0;pointer-events:none;position:absolute;z-index:1000}.social-link:after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #667eea;content:"";height:0;transform:translateX(-50%) translateY(-2px);transition:opacity .3s ease;width:0}.social-link:hover:before{opacity:1;transform:translateX(-50%) translateY(-12px)}.social-link:hover:after{opacity:1}.footer{background-color:#0a0a0a;border-top:1px solid #2a2a2a;color:#fff;padding:2rem;text-align:center}.footer p{color:#b0b0b0;margin:.5rem 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes rainbow-flow{0%{background-position:200% 50%}to{background-position:0 50%}}@media (max-width:768px){.hamburger{display:flex}.menu-overlay{display:block}.nav-menu{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#1a1a1ab3;box-shadow:-5px 0 15px #00000080;flex-direction:column;gap:0;height:100vh;justify-content:center;max-width:150px;padding:2rem 1rem;position:fixed;right:-100%;top:0;transition:right .3s ease;width:35%;z-index:1000}.nav-menu.active{right:0}.nav-menu li{border-bottom:1px solid #2a2a2a80;text-align:center;width:100%}.nav-menu li:last-child{border-bottom:none}.nav-link{display:block;font-size:1.1rem;padding:1.5rem 0;text-align:center;width:100%}.nav-link:after{display:none}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.section-title{font-size:2rem}.about-stats,.projects-grid,.skills-grid{grid-template-columns:1fr}.profile-image-container{max-width:240px;width:60vw}.hero-buttons{align-items:center;flex-direction:column}.btn{max-width:300px;width:100%}}@media (max-width:480px){.nav-container{padding:0 1rem}.nav-menu{gap:.5rem}.nav-link{font-size:.8rem}.hero-title{font-size:1.75rem}.profile-image-container{max-width:200px;width:48vw}.section{padding:3rem 1rem}}.scroll-to-top{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;bottom:2rem;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;opacity:0;pointer-events:none;position:fixed;right:-28px;transform:translateY(20px);transition:all .4s cubic-bezier(.68,-.55,.265,1.55);width:40px;z-index:999}.scroll-to-top.visible{opacity:1;pointer-events:all;right:-28px;transform:translateY(0)}.scroll-to-top.visible.hovered{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 20px #667eea99;right:1rem;transform:translateY(-5px) scale(1.1)}.scroll-to-top:active{transform:translateY(-3px) scale(1.05)}.arrow-up-icon{color:#fff;height:1.2rem;width:1.2rem}.scroll-to-top .tooltip{background-color:#000000e6;border-radius:6px;color:#fff;font-size:.875rem;opacity:0;padding:.5rem .75rem;pointer-events:none;position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);transition:opacity .3s ease;white-space:nowrap;z-index:1000}.scroll-to-top .tooltip:after{border:6px solid #0000;border-left-color:#000000e6;content:"";left:100%;position:absolute;top:50%;transform:translateY(-50%)}.scroll-to-top.visible.hovered .tooltip{opacity:1}
/*# sourceMappingURL=main.4ea268fc.css.map*/