:root{--color-bg:#0a0a0a;--color-accent:#39ff14;--color-base:#1a1a1d;--text-main:#f8f8f8;--text-muted:#ccc;--bg:var(--color-bg);--primary:var(--color-accent);--secondary:var(--color-base);--text:var(--text-main);--subtext:var(--text-muted);--primary-glow:#39ff144d}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;overflow-x:hidden;width:100%}body{background-color:#0a0a0a;background-color:var(--bg);color:#f8f8f8;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:#39ff14;color:var(--primary);text-decoration:none}a:hover{color:#1a1a1d;color:var(--secondary)}button{cursor:pointer;font-family:inherit}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0ab3;position:-webkit-sticky;position:sticky;top:0;transition:padding .3s ease,background .3s ease;z-index:1000}.header.scrolled{background:#0a0a0ae6;padding:.5rem 1rem}.header-wrap{justify-content:space-between;margin:0 auto;max-width:1140px;padding:.8rem 1rem;position:relative}.header-wrap,.logo{align-items:center;display:flex}.logo{color:var(--color-accent);font-size:1.6rem;font-weight:700;gap:8px;text-decoration:none;white-space:nowrap}.profile-img{border-radius:50%;box-shadow:0 0 0 #39ff1400;height:40px;margin-right:5px;object-fit:cover;outline:1px solid #fff3;outline-offset:3px;transition:transform .3s ease,box-shadow .4s ease,outline .3s ease;width:40px}.profile-img:hover{box-shadow:0 0 12px var(--primary-glow),0 30px 60px var(--primary-glow);outline-color:var(--primary-glow);transform:scale(1.06)}.nav-desktop{align-items:center;display:flex;gap:2rem}.nav-link{color:var(--text-main);font-size:1rem;font-weight:500;padding:.2rem;position:relative;text-decoration:none;transition:color .2s}.nav-link:after{background:var(--color-accent);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s;width:0}.nav-link.active,.nav-link:hover{color:var(--color-accent)}.nav-link.active:after,.nav-link:hover:after{width:100%}.hamburger{cursor:pointer;display:flex;flex-direction:column;height:20px;justify-content:space-between;width:28px;z-index:1001}.hamburger span{background:var(--text-main);border-radius:2px;height:3px;transition:all .3s ease}.hamburger.open span:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-mobile{background:var(--color-bg);box-shadow:0 8px 20px #0006;display:flex;flex-direction:column;position:absolute;right:0;top:100%;transform:translateX(100%);transition:transform .3s ease;width:200px;z-index:999}.nav-mobile.open{transform:translateX(0)}.mobile-link{border-bottom:1px solid #ffffff1a;color:var(--text-main);font-size:1rem;padding:12px 20px;text-decoration:none}.mobile-link:hover{background:#39ff140d}.mobile-header-actions{align-items:center;display:flex;gap:12px}.theme-toggle-wrapper{margin-left:10px;z-index:1002}@media (max-width:768px){.header-wrap{flex-direction:row;padding:.8rem 1rem}.logo{font-size:1.2rem;gap:4px}.profile-img{height:32px;margin-right:6px;width:32px}.theme-toggle-wrapper{left:50%;position:absolute;top:12px;transform:translateX(-50%);z-index:1002}.theme-toggle-wrapper button{font-size:.75rem;padding:4px 10px}.hamburger{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:1001}.nav-desktop{display:none}.nav-mobile{width:100vw}}.image-modal{align-items:center;background:#0a0a0ae6;cursor:pointer;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.modal-img{animation:fadeIn .3s ease-in-out;border-radius:12px;box-shadow:0 30px 60px var(--primary-glow);max-height:90%;max-width:90%}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.theme-toggle-btn{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:initial;border:1px solid var(--primary);border-radius:6px;box-shadow:0 0 0 #0000;color:var(--primary);cursor:pointer;font-size:.9rem;font-weight:500;letter-spacing:.5px;padding:.5rem 1rem;transition:all .3s ease}.theme-toggle-btn:hover{background-color:var(--primary);box-shadow:0 6px 16px #39ff1440;color:var(--bg);transform:translateY(-2px)}.hero-section{align-items:center;background-color:var(--color-bg);color:var(--text-main);display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;overflow:hidden;position:relative}.glitch-layer{height:100vh;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100vw;z-index:0}.glitch-img{animation:waveFloat 6s ease-in-out infinite;filter:contrast(1.3) saturate(1.2) blur(2px);height:100%;object-fit:cover;opacity:.4;width:100%}@keyframes waveFloat{0%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.02) rotate(.5deg)}to{transform:scale(1) rotate(0deg)}}.hero-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:2rem;position:relative;text-align:center;z-index:3}.glitch-title{animation:pulse3D 3s ease-in-out infinite;color:var(--color-accent);font-size:3.5rem;font-weight:600;position:relative;text-shadow:1px 1px #0a0a0a,2px 2px 4px #708090;transform-style:preserve-3d}@keyframes pulse3D{0%{text-shadow:1px 1px #0a0a0a,2px 2px 4px #708090;transform:scale(1) translateZ(0)}50%{text-shadow:2px 2px #0a0a0a,4px 4px 6px var(--color-accent);transform:scale(1.05) translateZ(10px)}to{text-shadow:1px 1px #0a0a0a,2px 2px 4px #708090;transform:scale(1) translateZ(0)}}.glitch-title:after,.glitch-title:before{content:attr(data-text);filter:blur(1px);left:0;opacity:.6;pointer-events:none;position:absolute;top:0;width:100%}.glitch-title:before{animation:watery-glitch 3s ease-in-out infinite;color:var(--color-accent);transform:translateX(2px);z-index:-1}.glitch-title:after{animation:watery-glitch 4s ease-in-out infinite reverse;color:#f05;transform:translateX(-2px);z-index:-2}@keyframes watery-glitch{0%{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);transform:translateX(0) scale(1)}50%{-webkit-clip-path:inset(30% 0 30% 0);clip-path:inset(30% 0 30% 0);transform:translateX(2px) scale(1.02)}to{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);transform:translateX(0) scale(1)}}@keyframes shimmer{0%,to{text-shadow:0 0 10px var(--color-accent),0 0 20px var(--color-accent)}50%{text-shadow:0 0 25px var(--color-accent),0 0 40px var(--color-accent)}}.tagline{color:var(--text-muted);font-size:16px;margin-top:10px;text-shadow:0 0 5px #39ff1433}.services-strip{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:12px;gap:1rem;justify-content:center;margin-top:3rem}.service-title,.service-type{font-weight:500;letter-spacing:.8px;text-transform:uppercase}.strip-line{background:var(--text-muted);height:1px;opacity:.5;width:80px}.project-grid{margin-top:3rem}.project-card:first-child{animation-delay:0s}.project-card:nth-child(2){animation-delay:.2s}.project-card:nth-child(3){animation-delay:.4s}.card-wrapper{opacity:0;transform:translateY(40px);transition:all .6s ease-out}.card-wrapper.visible{opacity:1;transform:translateY(0)}.bio-section{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#ffffff08;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 0 15px #39ff1414;color:var(--text-main);margin:4rem auto 2rem;max-width:800px;padding:2rem;text-align:center}.bio-section h2{color:var(--color-accent);font-size:2rem;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.bio-section p{color:var(--text-muted);font-size:1.05rem;line-height:1.6;margin:0 auto;max-width:600px}.feedback-section{margin:3rem auto;text-align:center}.feedback-section h2{color:var(--color-accent);font-size:1.8rem;margin-bottom:1rem;text-transform:uppercase}.feedback-input{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:var(--text-main);font-size:1rem;margin-bottom:1rem;max-width:400px;outline:none;padding:.7rem 1.2rem;width:80%}.feedback-button{border:none;border-radius:8px;color:#000;cursor:pointer;display:inline-block;font-weight:700;margin-top:.5rem;padding:.6rem 1.5rem;transition:background-color .3s ease}.feedback-button,.feedback-button:hover{background-color:var(--color-accent)}.like-section{margin:2rem 0 4rem;text-align:center}.like-section h2{color:var(--color-accent);font-size:1.6rem;margin-bottom:.8rem;text-transform:uppercase}.like-button{background-color:var(--color-accent);border:none;border-radius:50px;box-shadow:0 0 10px #39ff1466;color:#000;cursor:pointer;font-size:1.2rem;padding:.6rem 1.5rem;transition:all .3s ease-in-out}.like-button:hover{background-color:#fdfffe;transform:scale(1.05)}.see-all-projects{margin-top:2rem;text-align:center}.see-all-btn{background:var(--primary);border:none;border-radius:8px;color:#000;font-weight:600;padding:10px 20px;text-decoration:none;transition:all .3s ease}.see-all-btn:hover{background:#fff;color:var(--primary)}.divider-line{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);border:none;height:1px;margin:3rem auto;opacity:.5;width:80%}.toast-notification{animation:slideDownFade 3s ease forwards;background:var(--color-accent);border-radius:8px;box-shadow:0 0 15px #39ff1433;color:#000;font-weight:700;padding:1rem 1.5rem;position:fixed;right:20px;top:20px;z-index:1000}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@media (max-width:768px){.hero-section{overflow-x:hidden;padding:1rem .5rem}.glitch-title{font-size:2rem;line-height:2.5rem;max-width:100%;padding:0 1rem;white-space:normal;word-break:break-word}.tagline{font-size:14px;margin-top:6px;padding:0 1rem;text-align:center}.bio-section{margin:2rem 1rem;padding:1.5rem}.project-grid{align-items:center;flex-direction:column;gap:1.5rem;padding:0 1rem}.card-wrapper{width:90%}.see-all-projects{padding:2rem 1rem;text-align:center}.toast-notification{font-size:.9rem;left:50%;max-width:90%;padding:.6rem 1.2rem;text-align:center;transform:translateX(-50%)}.main-content{padding-bottom:5rem}}.project-card{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0a0a0a99;border:1px solid var(--secondary);border-radius:16px;box-shadow:0 20px 40px #00000080;color:var(--text);display:flex;flex-direction:column;font-size:1.1rem;font-weight:600;gap:1rem;justify-content:center;max-width:280px;opacity:0;padding:1.5rem;text-align:center;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out;width:100%}.project-card.visible{opacity:1;transform:translateY(0)}.project-card:hover{box-shadow:0 30px 60px var(--primary-glow);transform:translateY(-8px)}@keyframes dropBounce{0%{opacity:0;transform:translateY(-100vh)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.about-page{color:var(--text);line-height:1.8;margin:0 auto;max-width:900px;padding:60px 20px}.about-heading{color:var(--accent);font-size:2.5rem;margin-bottom:2rem;text-align:center}.about-intro{color:var(--text-light);font-size:1.2rem;margin-bottom:2.5rem;text-align:center}.about-section{background:#ffffff08;border-left:4px solid var(--accent);border-radius:8px;margin-bottom:2.5rem;opacity:1;padding:1.25rem 1.5rem;transform:translateY(0);transition:all .4s ease}.about-section.hoverable:hover{box-shadow:0 30px 60px var(--primary-glow);transform:translateY(-8px)}.section-heading{color:var(--primary);font-size:1.6rem;margin-bottom:.5rem}.about-section p{color:var(--text);font-size:1.05rem;line-height:1.7}.contact-page{color:var(--text);line-height:1.8;margin:0 auto;max-width:800px;padding:60px 20px;text-align:center}.contact-heading{color:var(--accent);font-size:2.2rem;margin-bottom:1.5rem}.contact-info{font-size:1.1rem;margin-bottom:.8rem}.social-links{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:2rem}.social-links a{color:var(--text-light);font-size:1.1rem;text-decoration:none;transition:color .3s ease}.social-links a:hover{color:var(--accent)}.footer{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border-top:1px solid #ffffff1a;box-shadow:0 0 10px #39ff141a;color:var(--subtext);font-size:.9rem;padding:1rem 2rem;text-align:center;z-index:10}.footer p{color:var(--text-muted);font-size:1rem;margin:0;transition:color .3s ease}.footer p:hover{color:var(--color-accent)}.projects-page{animation:fadeIn .8s ease-out;color:var(--text);margin:0 auto;max-width:1200px;padding:4rem 1.5rem}.projects-header{margin-bottom:3rem;text-align:center}.projects-heading{color:var(--primary);font-size:2.8rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 0 8px #39ff1433}.projects-subtitle{color:var(--subtext);font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.project-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.project-wrapper{animation:slideUpFade .6s forwards;opacity:0;transform:translateY(30px)}@keyframes slideUpFade{to{opacity:1;transform:translateY(0)}}.projects-page:before{background:radial-gradient(ellipse at center,#39ff1408,#0000);bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:-1}.category-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem}.category-btn{background:#0000;border:1px solid var(--primary);border-radius:5px;color:var(--primary);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.category-btn:hover{box-shadow:0 0 10px var(--primary)}.category-btn.active,.category-btn:hover{background:var(--primary);color:var(--bg)}.project-detail{color:var(--text);margin:auto;max-width:900px;padding:2rem}.project-title{color:var(--primary);font-size:2rem;margin-bottom:.5rem}.project-duration{color:var(--subtext);font-size:1rem}.project-duration,.project-section{margin-bottom:2rem}.project-details{line-height:1.8;list-style:disc;padding-left:1.5rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background-color:var(--secondary);border:1px solid var(--primary);border-radius:6px;color:var(--text);font-size:.9rem;padding:.4rem .8rem}.image-gallery{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.project-image{border-radius:10px;cursor:pointer;height:auto;transition:transform .2s ease-in-out;width:100%}.project-image:hover{box-shadow:0 0 10px var(--primary-glow);transform:scale(1.03)}.image-popup{align-items:center;background-color:#0a0a0af2;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.zoomed-image{border:2px solid var(--primary);border-radius:10px;max-height:90%;max-width:90%}.App{overflow-x:hidden;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-layout{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.main-content{flex:1 1;overflow-x:hidden}
/*# sourceMappingURL=main.70a4f529.css.map*/