.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all .3s ease}.navbar-container{max-width:1200px;margin:0 auto;padding:0 1rem}.navbar-content{display:flex;justify-content:space-between;align-items:center;height:80px}.navbar-brand h1{color:#fff;font-size:1.5rem;font-weight:700;margin:0;letter-spacing:-.025em;background:linear-gradient(90deg,#ec4899,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-nav{display:flex;gap:2rem;align-items:center}.nav-link{color:#ffffffe6;text-decoration:none;font-weight:500;font-size:.95rem;padding:.5rem 0;position:relative;transition:all .3s ease}.nav-link:hover{color:#fff;text-decoration:none;transform:translateY(-1px)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#ec4899,#8b5cf6);transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-link.active{color:#ec4899}.nav-link.active:after{width:100%}.navbar.scrolled{background:#ec48991a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.3);box-shadow:0 4px 20px #ec48991a}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ec4899,#8b5cf6);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#be185d,#7c3aed)}@media (max-width: 768px){.navbar-nav{gap:1.5rem}.nav-link{font-size:.9rem}}@media (max-width: 480px){.navbar-container{padding:0 .5rem}.navbar-brand h1{font-size:1.3rem}.navbar-nav{gap:1rem}.nav-link{font-size:.85rem}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;overflow-x:hidden}section{width:100vw;min-height:100vh;background:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;position:relative;overflow:hidden;margin:0;box-sizing:border-box;left:0;right:0}section:before{content:"";position:absolute;top:10%;left:10%;width:200px;height:200px;background:#ec48991a;border-radius:50%;blur:40px}section:after{content:"";position:absolute;bottom:15%;left:15%;width:150px;height:150px;background:#8b5cf61a;border-radius:50%;blur:30px}.heroMain{text-align:center;margin-bottom:3rem;z-index:2;position:relative}.heroMain h1{font-size:4rem;font-weight:700;color:#fff;margin:0 0 1rem;letter-spacing:-.025em;background:linear-gradient(90deg,#ec4899,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.heroMain h2{font-size:2rem;font-weight:500;color:#fff;margin:0 0 2rem;opacity:.9}.heroMain p{font-size:1.2rem;color:#fffc;max-width:600px;line-height:1.6;margin:0 auto}.Content{display:flex;flex-direction:column;align-items:center;gap:3rem;z-index:2;position:relative}.buttonContainer{display:flex;justify-content:center;width:100%}.downloadButton{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(90deg,#ec4899,#8b5cf6);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;font-size:1rem;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer}.downloadButton:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ec489966}.downloadIcon{width:1.25rem;height:1.25rem}.Socials{display:flex;gap:2rem;align-items:center}.Socials a{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:#ffffff1a;border-radius:50%;color:#fff;transition:all .3s ease;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.Socials a:hover{background:linear-gradient(90deg,#ec4899,#8b5cf6);transform:translateY(-5px);box-shadow:0 15px 35px #ec489966}.Socials a svg{width:24px;height:24px}@media (max-width: 768px){.heroMain h1{font-size:2.5rem}.heroMain h2{font-size:1.5rem}.heroMain p{font-size:1rem;padding:0 1rem}.buttonContainer{width:100%;max-width:300px;justify-content:center}.downloadButton{width:100%;justify-content:center}.Socials{gap:1.5rem}.Socials a{width:50px;height:50px}}@media (max-width: 480px){section{padding:1rem}.heroMain h1{font-size:2rem}.heroMain h2{font-size:1.2rem}.downloadButton{padding:.875rem 1.5rem;font-size:.95rem}}.projectsSection{width:100vw;min-height:100vh;background:transparent;padding:clamp(3rem,6vw,6rem) clamp(1rem,4vw,2rem);position:relative;overflow:hidden;margin:0;box-sizing:border-box}.backgroundOverlay{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(236,72,153,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.1) 0%,transparent 50%);pointer-events:none}.container{max-width:min(95%,1400px);margin:0 auto;position:relative;z-index:2}.header{text-align:center;margin-bottom:clamp(2rem,5vw,4rem)}.title{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:#fff;margin:0 0 1rem;letter-spacing:-.025em}.subtitle{font-size:clamp(1rem,2vw,1.2rem);color:#fffc;max-width:600px;margin:0 auto;line-height:1.6}.projectsContainer{display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2rem);margin-top:3rem}.projectCard{background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;overflow:hidden;width:100%}.projectCard:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d;border-color:#ec48994d}.cardContent{display:flex;flex-direction:row;min-height:auto;height:auto}.projectImageWrapper{position:relative;flex:0 0 min(40%,450px);height:100%;background:#2a2a2a;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:16px 0 0 16px}.projectImageWrapper img{width:100%;height:100%;object-fit:cover;opacity:.7;transition:transform .3s ease}.projectCard:hover .projectImageWrapper img{transform:scale(1.1);opacity:.85}.imageOverlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#ec489933,#8b5cf633);opacity:0;transition:opacity .3s ease}.projectCard:hover .imageOverlay{opacity:1}.projectImageWrapper.green{background:linear-gradient(135deg,#10b9814d,#0694694d)}.projectImageWrapper.pink{background:linear-gradient(135deg,#ec48994d,#be185d4d)}.projectImageWrapper.blue{background:linear-gradient(135deg,#3b82f64d,#1d4ed84d)}.projectImageWrapper.orange{background:linear-gradient(135deg,#9ca3af4d,#6b72804d)}.projectDetails{flex:1;padding:clamp(1.25rem,3vw,2rem);display:flex;flex-direction:column;justify-content:space-between}.projectHeader{margin-bottom:clamp(.75rem,2vw,1rem)}.projectTitle{font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:600;color:#fff;margin:0 0 .5rem;line-height:1.2}.projectMeta{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(.5rem,1.5vw,1rem);margin-top:.5rem}.projectHighlight{display:inline-flex;align-items:center;gap:.4rem;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:clamp(.3rem,1vw,.4rem) clamp(.6rem,1.5vw,.8rem);white-space:nowrap;transition:all .3s ease}.projectHighlight:hover{background:#8b5cf640;border-color:#8b5cf680}.highlightIcon{width:clamp(12px,2vw,14px);height:clamp(12px,2vw,14px);color:#8b5cf6;flex-shrink:0}.highlightText{color:#a78bfa;font-size:clamp(.75rem,1.5vw,.8rem);font-weight:500}.projectTimeline{color:#fff9;font-size:clamp(.8rem,1.5vw,.9rem);margin:0}.projectDescription{color:#fffc;line-height:1.6;margin:0 0 clamp(1rem,2vw,1.5rem) 0;font-size:clamp(.875rem,1.75vw,.95rem);flex-grow:1}.techStack{display:flex;flex-wrap:wrap;gap:clamp(.4rem,1vw,.5rem);margin-bottom:clamp(1rem,2vw,1.5rem)}.techTag{padding:clamp(.3rem,.8vw,.4rem) clamp(.6rem,1.2vw,.8rem);border-radius:20px;font-size:clamp(.75rem,1.4vw,.85rem);font-weight:500;transition:all .3s ease;white-space:nowrap;border:1px solid transparent}.techTag:hover{transform:translateY(-2px)}.techTag.green{background:#10b98133;border-color:#10b9814d;color:#a7f3d0}.techTag.pink{background:#ec489933;border-color:#ec48994d;color:#fbcfe8}.techTag.blue{background:#3b82f633;border-color:#3b82f64d;color:#bfdbfe}.techTag.orange{background:#6b728033;border-color:#6b72804d;color:#f9fafb}.techTag.green:hover{background:#10b9814d;border-color:#10b98180}.techTag.pink:hover{background:#ec48994d;border-color:#ec489980}.techTag.blue:hover{background:#3b82f64d;border-color:#3b82f680}.techTag.orange:hover{background:#6b72804d;border-color:#6b728080}.projectActions{display:flex;gap:1rem;align-items:center}.primaryAction{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:clamp(.7rem,1.5vw,.8rem) clamp(1.2rem,2vw,1.5rem);background:linear-gradient(90deg,#ec4899,#8b5cf6);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:clamp(.85rem,1.5vw,.9rem);cursor:pointer;transition:all .3s ease;text-decoration:none}.primaryAction:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ec489966}.githubIcon{width:clamp(16px,2vw,18px);height:clamp(16px,2vw,18px)}@media (max-width: 1024px){.projectImageWrapper{flex:0 0 min(45%,400px)}}@media (max-width: 768px){.projectsSection{padding:4rem 1rem}.container{max-width:100%}.cardContent{flex-direction:column;min-height:auto}.projectImageWrapper{flex:none;height:200px;width:100%;border-radius:16px 16px 0 0}.projectDetails{padding:1.5rem}.projectMeta{flex-direction:column;align-items:flex-start}.projectActions{flex-direction:column;width:100%}.primaryAction{width:100%}}@media (max-width: 480px){.projectsSection{padding:3rem 1rem}.projectsContainer{gap:1.25rem}.projectImageWrapper{height:150px}.projectDetails{padding:1.25rem}.techStack{gap:.3rem}.techTag{font-size:.75rem;padding:.25rem .5rem}}@media (min-width: 1920px){.container{max-width:1600px}.projectCard{font-size:1.05em}.projectImageWrapper{flex:0 0 500px}}@media (min-resolution: 2dppx){.projectCard{border-width:.5px}}@media (min-width: 200%){.projectsSection{padding:2rem 1rem}.container{max-width:98%}}@media print{.projectCard{break-inside:avoid;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #ddd}.projectTitle,.projectDescription,.techTag{color:#000}}.skillsSection{width:100vw;min-height:100vh;background:transparent;padding:6rem 2rem;position:relative;overflow:hidden;margin:0;box-sizing:border-box}.backgroundOverlay{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 80% 20%,rgba(236,72,153,.1) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(139,92,246,.1) 0%,transparent 50%);pointer-events:none}.skillsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.skillCategory{background:#ffffff0d;border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;overflow:hidden}.categoryTitle{font-size:1.4rem;font-weight:600;margin-bottom:1.5rem;color:#fff;display:flex;align-items:center;gap:.75rem}.categoryIcon{width:32px;height:32px;background:linear-gradient(90deg,#ec4899,#8b5cf6);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.categoryIconSvg{width:18px;height:18px;color:#fff}.skillTags{display:flex;flex-wrap:wrap;gap:.75rem}.skillTag{background:#ec489926;border:1px solid rgba(236,72,153,.3);color:#ec4899;padding:.6rem 1rem;border-radius:25px;font-size:.9rem;font-weight:500;transition:all .3s ease;cursor:pointer}.skillTag:hover{background:#ec489940;border-color:#ec489980;transform:translateY(-2px);box-shadow:0 5px 15px #ec489933}.skillTag.intermediate{background:#ec489926;border-color:#ec48994d;color:#ec4899}.skillTag.intermediate:hover{background:#ec489940;border-color:#ec489980;box-shadow:0 5px 15px #ec489933}.skillTag.advanced{background:#8b5cf626;border-color:#8b5cf64d;color:#8b5cf6}.skillTag.advanced:hover{background:#8b5cf640;border-color:#8b5cf680;box-shadow:0 5px 15px #8b5cf633}.skillTag.expert{background:linear-gradient(90deg,#ec489933,#8b5cf633);border:1px solid rgba(236,72,153,.4);color:#fff;position:relative;overflow:hidden}.skillTag.expert:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.skillTag.expert:hover{background:linear-gradient(90deg,#ec48994d,#8b5cf64d);border-color:#ec489999;box-shadow:0 5px 15px #ec48994d}.skillTag.expert:hover:before{left:100%}@media (max-width: 768px){.skillsSection{padding:4rem 1rem}.title{font-size:2.5rem}.subtitle{font-size:1rem;padding:0 1rem}.skillsGrid{grid-template-columns:1fr;gap:1.5rem}.skillCategory{padding:1.5rem}.categoryTitle{font-size:1.2rem}.categoryIcon{width:28px;height:28px}.categoryIconSvg{width:16px;height:16px}.skillTag{font-size:.85rem;padding:.5rem .8rem}}@media (max-width: 480px){.skillsSection{padding:3rem 1rem}.title{font-size:2rem}.skillCategory{padding:1.25rem}.categoryTitle{font-size:1.1rem;gap:.5rem}.categoryIcon{width:24px;height:24px}.categoryIconSvg{width:14px;height:14px}.skillTags{gap:.5rem}.skillTag{font-size:.8rem;padding:.4rem .7rem}}.contactSection{width:100vw;min-height:100vh;background:transparent;padding:6rem 2rem;position:relative;overflow:hidden;margin:0;box-sizing:border-box}.backgroundOverlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.container{max-width:1200px;margin:0 auto;position:relative;z-index:2}.header{text-align:center;margin-bottom:4rem}.title{font-size:3rem;font-weight:700;color:#fff;margin:0 0 1rem;letter-spacing:-.025em;background:linear-gradient(90deg,#ec4899,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:1.2rem;color:#fffc;max-width:600px;margin:0 auto;line-height:1.6}.contactContent{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:3rem}.contactForm{background:#ffffff0d;border-radius:16px;padding:2.5rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.formTitle{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:2rem}.form{display:flex;flex-direction:column;gap:1.5rem}.inputGroup{display:flex;flex-direction:column;gap:.5rem}.label{font-size:.9rem;font-weight:500;color:#ffffffe6}.input,.textarea{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem 1rem;font-size:1rem;color:#fff;transition:all .3s ease;font-family:inherit}.input::placeholder,.textarea::placeholder{color:#ffffff80}.input:focus,.textarea:focus{outline:none;border-color:#ec4899;background:#ffffff26;box-shadow:0 0 0 3px #ec48991a}.textarea{resize:vertical;min-height:120px}.submitButton{background:linear-gradient(90deg,#ec4899,#8b5cf6);color:#fff;border:none;border-radius:8px;padding:.875rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.submitButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ec489966}.submitButton:disabled{opacity:.7;cursor:not-allowed}.submitButton.submitting{background:#ec489999}.buttonIcon{width:18px;height:18px}.statusMessage{padding:1rem;border-radius:8px;font-size:.9rem;font-weight:500;margin-top:.5rem}.statusMessage.success{background:#22c55e33;border:1px solid rgba(34,197,94,.3);color:#22c55e}.statusMessage.error{background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#ef4444}.contactInfo{display:flex;flex-direction:column;gap:2rem}.infoTitle{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:.5rem}.infoSubtitle{color:#fffc;line-height:1.6;margin-bottom:1rem}.infoList{display:flex;flex-direction:column;gap:1.5rem}.infoItem{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.infoItem:hover{background:#ffffff14;border-color:#ec48994d;transform:translateY(-2px)}.iconContainer{background:linear-gradient(90deg,#ec4899,#8b5cf6);border-radius:10px;padding:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contactIcon{width:20px;height:20px;color:#fff}.infoContent{flex:1}.infoLabel{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .25rem}.infoValue{font-size:.95rem;color:#fffc;margin:0}.infoValue.link{color:#ec4899;text-decoration:none;transition:color .3s ease}.infoValue.link:hover{color:#8b5cf6;text-decoration:underline}.additionalInfo{background:#ffffff0d;border-radius:12px;padding:2rem;border:1px solid rgba(255,255,255,.1)}.additionalTitle{font-size:1.2rem;font-weight:600;color:#fff;margin:0 0 1rem}.additionalText{color:#fffc;line-height:1.6;margin:0}@media (max-width: 768px){.contactSection{padding:4rem 1rem}.title{font-size:2.5rem}.subtitle{font-size:1rem;padding:0 1rem}.contactContent{grid-template-columns:1fr;gap:2.5rem}.contactForm{padding:2rem}.infoItem{padding:1.25rem}.additionalInfo{padding:1.5rem}}@media (max-width: 480px){.contactSection{padding:3rem 1rem}.title{font-size:2rem}.contactForm{padding:1.5rem}.formTitle,.infoTitle{font-size:1.3rem}.infoItem{padding:1rem;gap:.75rem}.iconContainer{padding:.6rem}.contactIcon{width:18px;height:18px}.additionalInfo{padding:1.25rem}}.aboutSection{width:100vw;min-height:100vh;background:transparent;padding:6rem 2rem;position:relative;overflow:hidden;margin:0;box-sizing:border-box}.backgroundOverlay{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 40% 40%,rgba(236,72,153,.1) 0%,transparent 50%),radial-gradient(circle at 60% 60%,rgba(139,92,246,.1) 0%,transparent 50%);pointer-events:none}.aboutContent{max-width:800px;margin:0 auto;position:relative;z-index:2;text-align:center}.aboutContent h1{font-size:3rem;font-weight:700;color:#fff;margin:0 0 2rem;letter-spacing:-.025em;background:linear-gradient(90deg,#ec4899,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.aboutContent p{font-size:1.2rem;color:#fffc;line-height:1.6;margin-bottom:2rem;text-align:left}.aboutContent p:last-child{margin-bottom:0}@media (max-width: 768px){.aboutSection{padding:4rem 1rem}.aboutContent h1{font-size:2.5rem}.aboutContent p{font-size:1rem;text-align:center}}@media (max-width: 480px){.aboutSection{padding:3rem 1rem}.aboutContent h1{font-size:2rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{background:linear-gradient(135deg,#0f0f0f,#1a1a1a,#0f0f0f,#1a1a1a,#0f0f0f);min-height:100%}body{margin:0;padding:0;min-width:320px;min-height:100vh;background:transparent}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{background:transparent;min-height:100vh}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}