*{margin:0;padding:0}:root{--neon-cyan:#0ff;--neon-blue:#0080ff;--neon-light-blue:#00bfff;--neon-dark-blue:#06c;--glass-bg:#ffffff1a;--glass-border:#fff3;--dark-bg:#0a0a0a;--text-primary:#fff;--text-secondary:#b0b0b0}body{background:linear-gradient(135deg,#0a0a0a,#0a1a2e 50%,#001a33);color:#fff;color:var(--text-primary);font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden}body:before{animation:backgroundShift 20s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#00ffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#0080ff1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#00bfff1a 0,#0000 50%);z-index:-3}body:after,body:before{content:"";height:100%;left:0;position:fixed;top:0;width:100%}body:after{animation:circuitMove 30s linear infinite;background-image:linear-gradient(90deg,#00ffff14 1px,#0000 0),linear-gradient(#00ffff14 1px,#0000 0),linear-gradient(45deg,#0080ff0d 1px,#0000 0),linear-gradient(-45deg,#00bfff0d 1px,#0000 0),radial-gradient(circle at 25% 25%,#00ffff1a 3px,#0000 0),radial-gradient(circle at 75% 75%,#0080ff1a 3px,#0000 0),radial-gradient(circle at 50% 50%,#00bfff14 2px,#0000 0);background-size:40px 40px,40px 40px,60px 60px,60px 60px,80px 80px,120px 120px,160px 160px;z-index:-2}@keyframes circuitMove{0%{transform:translate(0)}25%{transform:translate(-10px,-10px)}50%{transform:translate(10px,-5px)}75%{transform:translate(-5px,10px)}to{transform:translate(0)}}.circuit-dots{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.circuit-dot{animation:dotPulse 4s ease-in-out infinite;background:#0ff;background:var(--neon-cyan);border-radius:50%;box-shadow:0 0 8px #0ff;box-shadow:0 0 8px var(--neon-cyan);height:3px;position:absolute;width:3px}.circuit-dot:first-child{animation-delay:0s;left:15%;top:20%}.circuit-dot:nth-child(2){animation-delay:1s;left:80%;top:35%}.circuit-dot:nth-child(3){animation-delay:2s;left:25%;top:60%}.circuit-dot:nth-child(4){animation-delay:3s;left:70%;top:75%}.circuit-dot:nth-child(5){animation-delay:.5s;left:45%;top:45%}.circuit-dot:nth-child(6){animation-delay:1.5s;left:90%;top:85%}.circuit-dot:nth-child(7){animation-delay:2.5s;left:60%;top:10%}.circuit-dot:nth-child(8){animation-delay:3.5s;left:10%;top:90%}.circuit-lines{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.circuit-line{animation:lineFlow 6s linear infinite;background:linear-gradient(90deg,#0000,#0ff,#0000);background:linear-gradient(90deg,#0000,var(--neon-cyan),#0000);height:1px;position:absolute}.circuit-line:first-child{animation-delay:0s;left:0;top:30%;width:200px}.circuit-line:nth-child(2){animation-delay:2s;right:0;top:50%;width:150px}.circuit-line:nth-child(3){animation-delay:4s;left:20%;top:70%;width:180px}.circuit-line:nth-child(4){animation-delay:1s;right:30%;top:20%;width:120px}.circuit-line:nth-child(5){animation-delay:3s;left:60%;top:80%;width:160px}@keyframes lineFlow{0%{opacity:0;transform:translateX(-100%)}50%{opacity:1}to{opacity:0;transform:translateX(100%)}}@keyframes dotPulse{0%,to{box-shadow:0 0 5px #0ff;box-shadow:0 0 5px var(--neon-cyan);opacity:.3;transform:scale(1)}50%{box-shadow:0 0 15px #0ff,0 0 25px #0080ff;box-shadow:0 0 15px var(--neon-cyan),0 0 25px var(--neon-blue);opacity:1;transform:scale(1.5)}}@keyframes backgroundShift{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-10px,-10px) scale(1.1)}50%{transform:translate(10px,-5px) scale(1.05)}75%{transform:translate(-5px,10px) scale(1.1)}}.glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #0000004d}.fade-in{opacity:0;transform:translateY(30px);transition:all .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}html{scroll-behavior:smooth}.nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0acc;border-bottom:1px solid var(--glass-border);padding:20px 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 40px}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--neon-cyan),var(--neon-blue));-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.nav-links{display:flex;gap:40px}.nav-links a{color:var(--text-primary);font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.nav-links a:after{background:linear-gradient(45deg,var(--neon-cyan),var(--neon-blue));bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links a:hover:after{width:100%}.container{margin:0 auto;max-width:1200px;padding:120px 40px 60px;z-index:1}.hero{padding:80px 0;text-align:center}.hero:before{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle,var(--neon-cyan) 0,#0000 70%);border-radius:50%;content:"";height:300px;left:50%;opacity:.1;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px}@keyframes pulse{0%,to{opacity:.1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.2;transform:translate(-50%,-50%) scale(1.2)}}.profile-img{animation:glow 3s ease-in-out infinite alternate;border:4px solid var(--neon-cyan);border-radius:20px;box-shadow:0 0 30px var(--neon-cyan);cursor:pointer;height:250px;margin:0 auto 30px;perspective:1000px;transform-style:preserve-3d;transition:all .3s ease;width:250px}.profile-img:hover{box-shadow:0 0 50px var(--neon-cyan),0 0 70px var(--neon-blue),0 20px 40px #0000004d;transform:scale(1.05) rotateY(15deg) rotateX(5deg)}@keyframes glow{0%{box-shadow:0 0 30px var(--neon-cyan)}to{box-shadow:0 0 50px var(--neon-cyan),0 0 70px var(--neon-blue)}}.hero h1{-webkit-text-fill-color:#0000;animation:text3D 4s ease-in-out infinite;background:linear-gradient(45deg,var(--neon-cyan),var(--neon-blue),var(--neon-light-blue));-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;margin-bottom:20px;transform-style:preserve-3d}@keyframes text3D{0%,to{transform:translateZ(0) rotateX(0deg)}50%{transform:translateZ(20px) rotateX(2deg)}}.tech-symbols{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin:30px 0}.symbol-container{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:10px;perspective:1000px;transform-style:preserve-3d;transition:all .3s ease}.symbol-container:hover{filter:drop-shadow(0 0 20px var(--neon-cyan));transform:translateY(-5px) scale(1.1) rotateX(10deg) rotateY(10deg)}.symbol-container span{color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:all .3s ease}.symbol-container:hover span{color:var(--neon-cyan);transform:translateZ(10px)}.react-symbol{animation:reactRotate3D 10s linear infinite}.ethereum-symbol,.react-symbol{height:60px;transform-style:preserve-3d;width:60px}.ethereum-symbol{animation:ethereumFloat3D 4s ease-in-out infinite}@keyframes reactRotate3D{0%{transform:rotate(0deg) rotateX(0deg) rotateY(0deg)}25%{transform:rotate(90deg) rotateX(10deg) rotateY(10deg)}50%{transform:rotate(180deg) rotateX(20deg) rotateY(0deg)}75%{transform:rotate(270deg) rotateX(10deg) rotateY(-10deg)}to{transform:rotate(1turn) rotateX(0deg) rotateY(0deg)}}@keyframes ethereumFloat3D{0%,to{transform:translateY(0) translateZ(0) rotateX(0deg)}25%{transform:translateY(-10px) translateZ(10px) rotateX(5deg)}50%{transform:translateY(-15px) translateZ(20px) rotateX(10deg)}75%{transform:translateY(-5px) translateZ(10px) rotateX(5deg)}}.hero h2{font-size:1.5rem;font-weight:400;margin-bottom:30px}.hero h2,.hero p{color:var(--text-secondary)}.hero p{font-size:1.2rem;line-height:1.6;margin:0 auto 40px;max-width:600px}.btn{border:none;border-radius:50px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;overflow:hidden;padding:15px 30px;perspective:1000px;text-decoration:none;transform-style:preserve-3d;transition:all .3s ease}.btn-primary{background:linear-gradient(45deg,var(--neon-cyan),var(--neon-blue));box-shadow:0 0 20px #00ffff4d;color:#fff}.btn-secondary{background:#0000;border:2px solid var(--neon-cyan);color:var(--neon-cyan)}.btn:hover{box-shadow:0 10px 30px #0ff6,0 0 20px #0ff3;transform:translateY(-3px) rotateX(10deg) scale(1.05)}.section{margin:100px 0;padding:60px 0;z-index:1}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--neon-cyan),var(--neon-blue));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:60px;text-align:center}.skills-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:50px}.skill-card{cursor:pointer;overflow:hidden;padding:30px;perspective:1000px;text-align:center;transform-style:preserve-3d;transition:all .3s ease}.skill-card:before{background:linear-gradient(90deg,#0000,#00ffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.skill-card:hover:before{left:100%}.skill-card:hover{box-shadow:0 20px 40px #0ff3,0 0 30px #00ffff1a;transform:translateY(-10px) scale(1.02) rotateX(5deg) rotateY(5deg)}.skill-icon{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--neon-cyan),var(--neon-blue));-webkit-background-clip:text;background-clip:text;font-size:3rem;margin-bottom:20px}.skill-card h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:15px}.skill-card p{color:var(--text-secondary);line-height:1.6}.projects-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:50px}.project-card{cursor:pointer;overflow:hidden;padding:30px;perspective:1000px;transform-style:preserve-3d;transition:all .3s ease}.project-card:before{background:linear-gradient(90deg,#0000,#00ffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.project-card:hover:before{left:100%}.project-card:hover{box-shadow:0 20px 40px #0ff3,0 0 30px #00ffff1a;transform:translateY(-10px) scale(1.02) rotateX(5deg) rotateY(5deg)}.project-card .btn{opacity:.8;transition:all .3s ease}.project-card:hover .btn{opacity:1;transform:translateY(-2px)}.project-card h3{color:var(--neon-cyan);font-size:1.5rem;margin-bottom:15px}.project-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.project-tech{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.tech-tag{background:#00ffff1a;border:1px solid var(--neon-cyan);border-radius:20px;color:var(--neon-cyan);font-size:.9rem;padding:5px 15px}.contact-content{margin:0 auto;max-width:600px;text-align:center}.contact-info{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-top:40px}.contact-item{align-items:center;background:#00ffff0d;border:1px solid #00ffff1a;border-radius:15px;cursor:pointer;display:flex;gap:12px;padding:15px 20px;transition:all .3s ease}.contact-item:hover{background:#00ffff26;border-color:var(--neon-cyan);box-shadow:0 10px 30px #0ff3;transform:translateY(-5px) scale(1.05)}.contact-icon{color:var(--neon-cyan);flex-shrink:0;font-size:1.8rem}.contact-item p{color:var(--text-secondary);font-size:.95rem;margin:0}footer{border-top:1px solid var(--glass-border);margin-top:100px;padding:40px 0;text-align:center}.social-links{display:flex;gap:30px;justify-content:center;margin-bottom:20px}.social-links a{border-radius:50%;color:var(--text-secondary);display:inline-block;font-size:1.5rem;padding:10px;text-decoration:none;transition:all .3s ease}.social-links a:hover{background:#00ffff1a;box-shadow:0 5px 15px #00ffff4d;color:var(--neon-cyan);transform:translateY(-3px) scale(1.2)}footer p{color:var(--text-secondary)}.bg-react-symbol{animation:bgReactRotate3D 15s linear infinite;height:80px;opacity:.12;width:80px}.bg-ethereum-symbol,.bg-react-symbol{pointer-events:none;position:fixed;z-index:-1}.bg-ethereum-symbol{animation:bgEthereumFloat3D 18s ease-in-out infinite;height:60px;opacity:.15;width:60px;will-change:transform}.bg-react-symbol.react-1{animation-delay:0s;left:10%;top:15%}.bg-react-symbol.react-2{animation-delay:7s;left:80%;top:45%}.bg-react-symbol.react-3{animation-delay:14s;left:20%;top:75%}.bg-ethereum-symbol.eth-1{animation-delay:0s;left:25%;top:25%}.bg-ethereum-symbol.eth-2{animation-delay:6s;left:70%;top:55%}.bg-ethereum-symbol.eth-3{animation-delay:12s;left:15%;top:85%}@keyframes bgReactRotate3D{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.05)}to{transform:rotate(1turn) scale(1)}}@keyframes bgEthereumFloat3D{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.05)}}@media (max-width:768px){.nav-container{padding:0 15px}.logo{font-size:18px}.nav-links{gap:12px}.nav-links a{font-size:12px;padding:6px 8px}.container{padding:80px 15px 40px}.hero h1{font-size:2.2rem}.section-title{font-size:1.8rem}.cta-buttons{align-items:center;flex-direction:column}.btn{width:200px}.contact-info{flex-direction:column;gap:20px}}@media (max-width:480px){.nav-container{padding:0 10px}.logo{font-size:16px}.nav-links{gap:8px}.nav-links a{font-size:11px;padding:4px 6px}.container{padding:70px 10px 30px}.hero h1{font-size:1.8rem}.section-title{font-size:1.5rem}}@media (min-width:769px) and (max-width:1024px){.nav-container{padding:0 30px}.logo{font-size:26px}.nav-links{gap:30px}.nav-links a{font-size:16px;padding:8px 12px}.container{padding:100px 30px 60px}.hero h1{font-size:3rem}.section-title{font-size:2.5rem}.projects-grid,.skills-grid{gap:25px;grid-template-columns:repeat(2,1fr)}.cta-buttons{gap:20px}.btn{width:180px}}@media (min-width:1025px){.nav-container{padding:0 40px}.logo{font-size:28px}.nav-links{gap:40px}.nav-links a{font-size:18px;padding:10px 15px}.container{padding:120px 40px 80px}.hero h1{font-size:3.5rem}.section-title{font-size:3rem}.projects-grid,.skills-grid{gap:30px;grid-template-columns:repeat(3,1fr)}.cta-buttons{gap:25px}.btn{width:200px}}body:before{z-index:-3!important}body:after{z-index:-2!important}.bg-ethereum-symbol,.bg-react-symbol,.circuit-dots,.circuit-lines,.floating-3d{z-index:-1!important}.nav{z-index:1000!important}.container,.hero,.section{position:relative;z-index:1!important}.contact-item,.project-card,.skill-card{position:relative;z-index:2!important}.symbol-container,.tech-symbols{position:relative;z-index:3!important}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:30px}.btn,.cta-buttons{position:relative;z-index:5!important}.btn{margin:5px}.hero h1,.hero h2,.hero p,.profile-img{position:relative;z-index:4!important}*{box-sizing:border-box}.hero,.section{isolation:isolate}
/*# sourceMappingURL=main.4425f367.css.map*/