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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--nav-bg);border-bottom:1px solid var(--nav-border);display:flex;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:1000}.navbar-brand a{color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.5px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar-brand a:hover{opacity:.9}.navbar-links{display:flex;gap:2rem}.navbar-links a{color:var(--text-secondary);font-size:.9rem;font-weight:500;letter-spacing:.5px;padding:.5rem 0;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar-links a:after{background-color:var(--text-primary);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%}.navbar-links a:hover{color:var(--text-primary)}.navbar-links a:hover:after{transform:scaleX(1);transform-origin:left}.theme-toggle{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.2rem;padding:.5rem;transition:color .3s ease}.theme-toggle:hover{color:var(--text-primary)}@media (max-width:768px){.navbar{flex-direction:column;padding:1rem}.navbar-brand{margin-bottom:1rem}.navbar-links{flex-direction:column;gap:1rem;text-align:center;width:100%}.navbar-links a{padding:.5rem}}.home{align-items:center;background:var(--bg-main);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.background-image{background-position:50%;background-size:cover;filter:blur(.5px);height:100%;mask-image:linear-gradient(270deg,#000,#0000);-webkit-mask-image:linear-gradient(270deg,#000,#0000);opacity:.45;position:absolute;right:0;top:0;transform:scale(1.01);width:50%;z-index:1}.hero{margin:0 auto;max-width:800px;padding:2rem;text-align:center;z-index:2}.hero-content{margin-bottom:3rem}.glitch{animation:glitch 4s linear infinite alternate-reverse;color:var(--text-primary);font-size:3.5rem;font-weight:600;letter-spacing:-1px;margin-bottom:1rem;position:relative;text-shadow:.03em 0 0 #39ff1466,-.015em 0 0 #0ff6}.glitch:after,.glitch:before{content:attr(data-text);height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}.glitch:before{animation:glitch-2 3s linear infinite alternate-reverse;left:1px;text-shadow:-1px 0 #ff00c14d}.glitch:after{animation:glitch-3 2.5s linear infinite alternate-reverse;left:-1px;text-shadow:1px 0 #00fff94d}.tagline{color:var(--text-secondary);font-size:1.5rem;margin-bottom:2rem}.hero-buttons{display:flex;gap:2.5rem;justify-content:center;margin-top:2rem}.btn{background:linear-gradient(135deg,#2ea043,#238636);border-radius:8px;box-shadow:0 4px 6px #2ea04333;color:#fff;display:inline-block;font-size:1.1rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.btn:hover{background:linear-gradient(135deg,#3fb950,#2ea043);box-shadow:0 6px 8px #2ea0434d}.btn-outline{border:2px solid #2ea043;box-shadow:none;color:#2ea043}.btn-outline:hover{background:#2ea0431a;border-color:#3fb950;color:#3fb950}.tech-stack{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:3rem}.tech-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.tech-item:hover{border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px)}.scroll-indicator{align-items:center;bottom:2rem;display:flex;flex-direction:column;gap:1rem;left:50%;opacity:.7;position:absolute;transform:translateX(-50%);transition:opacity .3s ease}.scroll-indicator:hover{opacity:1}.mouse{border:2px solid var(--text-secondary);border-radius:15px;height:50px;position:relative;width:30px}.wheel{animation:scroll 2s infinite;background:var(--text-secondary);border-radius:2px;height:8px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:4px}.arrow{border-bottom:2px solid var(--text-secondary);border-right:2px solid var(--text-secondary);height:20px;transform:rotate(45deg);width:20px}@keyframes scroll{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,20px)}}@keyframes glitch{0%{text-shadow:.03em 0 0 #39ff1466,-.015em 0 0 #0ff6}14%{text-shadow:.03em 0 0 #39ff1466,-.015em 0 0 #0ff6}15%{text-shadow:-.03em 0 0 #39ff1466,.015em 0 0 #0ff6}49%{text-shadow:-.03em 0 0 #39ff1466,.015em 0 0 #0ff6}50%{text-shadow:.015em 0 0 #39ff1466,.03em 0 0 #0ff6}99%{text-shadow:.015em 0 0 #39ff1466,.03em 0 0 #0ff6}to{text-shadow:-.015em 0 0 #39ff1466,-.015em 0 0 #0ff6}}@keyframes glitch-2{0%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}to{transform:translate(-1px,1px)}}@keyframes glitch-3{0%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}to{transform:translate(1px,-1px)}}@media (max-width:768px){.background-image{opacity:.25;width:100%}.glitch{font-size:2.5rem}.tagline{font-size:1.2rem}.hero-buttons{align-items:center;flex-direction:column;gap:1.5rem}.btn{width:200px}.tech-item{font-size:.8rem;padding:.4rem .8rem}.scroll-indicator{bottom:1rem}}.background-image:not([style*=background-image]){background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-main) 100%)}.about{margin:0 auto;max-width:1200px;padding:4rem 2rem}.about-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin-top:2rem}.about-text{text-align:left}.about-text p{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.skills-overview{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.skill-category{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:2rem;transition:all .3s ease}.skill-category:hover{border-color:var(--accent-hover);box-shadow:0 8px 32px var(--shadow);transform:translateY(-5px)}.skill-category h3{color:var(--accent-color);font-size:1.2rem;margin-bottom:1rem}.skill-category ul{list-style:none;padding:0}.skill-category li{color:var(--text-primary);margin-bottom:.8rem;padding-left:1.5rem;position:relative}.skill-category li:before{color:var(--accent-color);content:"▹";left:0;position:absolute}.availability{background:#2ea0431a;border-radius:8px;display:inline-block;margin-top:1.5rem;padding:1rem}.upwork-link{color:#14a800;font-weight:600;text-decoration:none;transition:all .3s ease}.upwork-link:hover{color:#0e8604;text-decoration:underline}@media (max-width:768px){.about-content,.skills-overview{grid-template-columns:1fr}.about{padding:2rem 1rem}}.skills{margin:0 auto;max-width:1200px;padding:4rem 2rem}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.skill-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:2rem;transition:all .3s ease}.skill-card:hover{border-color:var(--accent-hover);box-shadow:0 8px 32px var(--shadow);transform:translateY(-5px)}.skill-card h3{color:var(--accent-color);display:inline-block;font-size:1.2rem;margin-bottom:1.5rem;position:relative}.skill-card h3:after{background:var(--accent-gradient);border-radius:2px;bottom:-5px;content:"";height:2px;left:0;position:absolute;width:100%}.skill-items{display:flex;flex-wrap:wrap;gap:1rem}.skill-item{background:var(--tech-item-bg);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.skill-item:hover{background:var(--tech-item-hover);border-color:var(--accent-color);transform:translateY(-2px)}.tech-stack-icons{background:var(--card-bg);border-radius:8px;box-shadow:var(--card-shadow);margin-top:2rem;padding:2rem}.tech-stack-icons h3{color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.icons-container{display:flex;flex-wrap:wrap;gap:1.5rem}.icons-container,.icons-container a{align-items:center;justify-content:center}.icons-container a{display:inline-flex;transition:transform .2s ease-in-out}.icons-container a:hover{transform:scale(1.1)}.icons-container img{height:40px;object-fit:contain;width:40px}@media (max-width:768px){.skills{padding:2rem 1rem}.skills-grid{grid-template-columns:1fr}}.projects{margin:0 auto;max-width:1200px;padding:4rem 2rem}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.project-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;height:100%;padding:2rem;transition:all .3s ease}.project-card:hover{border-color:var(--accent-hover);box-shadow:0 8px 32px var(--shadow);transform:translateY(-5px)}.project-card h3{color:var(--accent-color);font-size:1.3rem;margin-bottom:1rem}.project-card p{color:var(--text-secondary);flex-grow:1;line-height:1.6;margin-bottom:1.5rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background:var(--tech-item-bg);border:1px solid var(--accent-hover);border-radius:15px;font-size:.8rem;padding:.3rem .8rem}.project-link,.tech-tag{color:var(--accent-color)}.project-link{background:#0000;border:2px solid var(--accent-color);border-radius:8px;display:inline-block;padding:.8rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.project-link:hover{background:var(--accent-gradient);border-color:#0000;color:var(--button-text)}.github-section{background:var(--card-bg);border-radius:12px;box-shadow:var(--card-shadow);margin-top:4rem;padding:3rem;text-align:center}.github-section h3{color:var(--text-primary);font-size:1.8rem;margin-bottom:1rem}.github-section p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.github-button{background:linear-gradient(135deg,#2ea043,#238636);border:none;border-radius:8px;box-shadow:0 4px 6px #2ea04333;color:#fff;display:inline-block;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.github-button:hover{background:linear-gradient(135deg,#3fb950,#2ea043);box-shadow:0 6px 8px #2ea0434d;transform:translateY(-2px)}.github-button:active{box-shadow:0 2px 4px #2ea04333;transform:translateY(0)}@media (max-width:768px){.projects{padding:2rem 1rem}.projects-grid{grid-template-columns:1fr}}.education{margin:0 auto;max-width:1200px;padding:4rem 2rem}.education-timeline{margin-top:3rem;position:relative}.education-timeline:before{background:var(--accent-gradient);content:"";height:100%;left:50%;opacity:.3;position:absolute;transform:translateX(-50%);width:2px}.timeline-item{left:50%;margin-bottom:3rem;padding-left:2rem;position:relative;width:50%}.timeline-item:nth-child(2n){left:0;padding-left:0;padding-right:2rem}.timeline-item:before{background:var(--accent-color);border:2px solid var(--bg-primary);border-radius:50%;content:"";height:12px;left:-6px;position:absolute;top:0;width:12px}.timeline-item:nth-child(2n):before{left:auto;right:-6px}.timeline-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:2rem;transition:all .3s ease}.timeline-content:hover{border-color:var(--accent-hover);box-shadow:0 8px 32px var(--shadow);transform:translateY(-5px)}.timeline-content h3{color:var(--accent-color);font-size:1.2rem;margin-bottom:.5rem}.year{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.timeline-content p{color:var(--text-primary);line-height:1.6;margin-bottom:1rem}.highlights{list-style:none;padding:0}.highlights li{color:var(--text-secondary);margin-bottom:.5rem;padding-left:1.5rem;position:relative}.highlights li:before{color:var(--accent-color);content:"▹";left:0;position:absolute}@media (max-width:768px){.education{padding:2rem 1rem}.education-timeline:before{left:0}.timeline-item,.timeline-item:nth-child(2n){left:0;padding-left:2rem;padding-right:0;width:100%}.timeline-item:before,.timeline-item:nth-child(2n):before{left:-6px;right:auto}}.experience{margin:0 auto;max-width:1200px;padding:4rem 2rem}.experience-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-top:3rem;padding:2rem;transition:all .3s ease}.experience-card:hover{border-color:var(--accent-hover);box-shadow:0 8px 32px var(--shadow);transform:translateY(-5px)}.experience-header{border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:1rem}.experience-header h3{color:var(--accent-color);font-size:1.3rem;margin-bottom:.5rem}.company{color:var(--text-primary);font-weight:500;margin-right:1rem}.duration{color:var(--text-secondary);font-size:.9rem}.experience-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.achievements{list-style:none;margin-bottom:2rem;padding:0}.achievements li{color:var(--text-primary);margin-bottom:.8rem;padding-left:1.5rem;position:relative}.achievements li:before{color:var(--accent-color);content:"▹";left:0;position:absolute}.tech-used{display:flex;flex-wrap:wrap;gap:.8rem}.tech-used span{background:var(--tech-item-bg);border:1px solid var(--accent-hover);border-radius:15px;color:var(--accent-color);font-size:.9rem;padding:.4rem .8rem;transition:all .3s ease}.tech-used span:hover{background:var(--tech-item-hover);transform:translateY(-2px)}.upwork-profile{margin-top:1.5rem;text-align:right}.upwork-profile a{align-items:center;background:#14a800;border-radius:4px;color:#fff;display:inline-flex;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.upwork-profile a:hover{background:#0e8604;transform:translateY(-2px)}@media (max-width:768px){.experience{padding:2rem 1rem}.experience-header{flex-direction:column}.company{margin-bottom:.5rem;margin-right:0}}.contact{margin:0 auto;max-width:1200px;padding:4rem 2rem}.contact-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 2fr;margin-top:3rem}.contact-info{text-align:left}.info-item{margin-bottom:2rem}.info-item h3{font-size:1.5rem;margin-bottom:1.5rem}.info-item h3,.info-item p{color:var(--text-primary)}.social-links{align-items:flex-start;flex-direction:column;gap:1rem}.social-links a{color:var(--text-primary);transition:all .3s ease}.social-links a:hover{color:var(--accent-color)}.social-link{align-items:center;background:#0000;border-radius:8px;color:var(--text-primary);display:inline-flex;font-size:1.1rem;font-weight:500;margin:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.social-link:hover{transform:translateX(10px)}.social-link.linkedin:hover{color:#0077b5}.social-link.github:hover{color:#333}.social-link.upwork:hover{color:#14a800}.social-link.email:hover{color:#ea4335}.social-link svg{font-size:1.3rem;margin-right:1rem}.contact-form{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:2rem;transition:all .3s ease}.contact-form:hover{border-color:var(--accent-hover);box-shadow:0 8px 32px var(--shadow)}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-secondary);display:block;margin-bottom:.5rem}.form-group input,.form-group textarea{background:var(--input-bg);border:2px solid var(--input-border);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--shadow);outline:none}.form-group textarea{resize:vertical}@media (max-width:768px){.contact{padding:2rem 1rem}.contact-content{grid-template-columns:1fr}.contact-info{text-align:center}.social-links{justify-content:center}}.footer{background:var(--bg-card);border-top:1px solid var(--border-color);padding:1.5rem 0}.footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.social-links{display:flex;gap:2rem}.social-links a{color:var(--text-secondary);font-size:.9rem;font-weight:500;letter-spacing:.5px;padding:.5rem 0;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.social-links a:after{background:var(--text-primary);bottom:0;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%}.social-links a:hover{color:var(--text-primary)}.social-links a:hover:after{transform:scaleX(1);transform-origin:left}.social-icons{display:flex;gap:1rem}.social-icon{align-items:center;background:var(--bg-main);border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);display:flex;font-size:1.2rem;height:35px;justify-content:center;padding:.5rem;transition:all .3s ease;width:35px}.social-icon:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.social-icon:first-child:hover{border-color:#ea4335;color:#ea4335}.social-icon:nth-child(2):hover{border-color:#0077b5;color:#0077b5}.social-icon:nth-child(3):hover{border-color:#333;color:#333}.social-icon:nth-child(4):hover{border-color:#14a800;color:#14a800}.copyright{font-size:.8rem;letter-spacing:.5px;opacity:.7}.copyright,.footer p{color:var(--text-secondary)}.footer p{font-size:.9rem;margin:0}@media (max-width:768px){.footer{padding:1.5rem 1rem}.social-links{gap:1.5rem}.social-icons{gap:.75rem}.social-icon{font-size:1.1rem;height:32px;width:32px}.footer-content{flex-direction:column;gap:1rem;text-align:center}}:root[data-theme=dark]{--bg-primary:#0f0f13;--bg-secondary:#1a1a24;--bg-card:#1a1a23b3;--bg-card-hover:#1a1a23e6;--text-primary:#fff;--text-secondary:#ffffffb3;--border-color:#ffffff0d;--border-hover:#ffffff1a;--nav-bg:#0f0f13f2;--nav-border:#ffffff0d;--button-bg:#fff;--button-text:#0f0f13;--button-hover:#f0f0f0;--divider:#3d3d4d;--accent-color:#00ff87;--accent-hover:#00ff874d;--shadow:#00ff871a;--accent-gradient:linear-gradient(90deg,#00ff87,#60efff);--input-bg:#333;--input-border:#404040;--bg-gradient-start:#ffffff08;--bg-gradient-end:#0000;--tech-item-bg:#ffffff0d;--tech-item-hover:#ffffff1a;--scroll-border:#ffffff4d;--scroll-wheel:#ffffff80}:root[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-card:#f8f9fab3;--bg-card-hover:#f8f9fae6;--text-primary:#0f0f13;--text-secondary:#0f0f13b3;--border-color:#0f0f130d;--border-hover:#0f0f131a;--nav-bg:#f8f9faf2;--nav-border:#0f0f130d;--button-bg:#0f0f13;--button-text:#fff;--button-hover:#1a1a24;--divider:#e0e0e0;--accent-color:#00b359;--accent-hover:#00b3594d;--shadow:#00b3591a;--accent-gradient:linear-gradient(90deg,#00b359,#00a3cc);--input-bg:#f0f0f0;--input-border:#e0e0e0;--bg-gradient-start:#0f0f1308;--bg-gradient-end:#0000;--tech-item-bg:#0f0f130d;--tech-item-hover:#0f0f131a;--scroll-border:#0f0f134d;--scroll-wheel:#0f0f1380}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.App{background-color:var(--bg-primary);background-image:linear-gradient(180deg,var(--bg-primary) 0,var(--bg-secondary) 100%);color:var(--text-primary);display:flex;flex-direction:column;min-height:100vh;text-align:center}*{box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary)}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding-bottom:2rem;padding-top:80px;width:100%}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;display:inline-block;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin-bottom:2rem;position:relative}.section-title:after{background:var(--divider);bottom:-10px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:30px}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;margin:1rem;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-5px)}.btn{background:var(--button-bg);border:none;border-radius:4px;color:var(--button-text);cursor:pointer;font-size:1rem;font-weight:500;letter-spacing:.5px;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:hover{background:var(--button-hover);transform:translateY(-2px)}.btn-outline{background:#0000;border:1px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover{background:var(--bg-card-hover);border-color:var(--border-hover);color:var(--text-primary)}@media (max-width:768px){.main-content{padding:60px 1rem 1rem}.section-title{font-size:2rem}}
/*# sourceMappingURL=main.3e275551.css.map*/