@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300,400,500,600,700&family=Orbitron:wght@400,500,600,700,800,900&family=Space+Grotesk:wght@300,400,500,600,700&display=swap);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}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#00f5ff;--secondary:#ff0080;--accent:#8b5cf6;--gold:gold;--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-tertiary:#111;--text-primary:#fff;--text-secondary:#888;--text-muted:#444;--border:#333;--glass:#ffffff0d;--glow:#00f5ff80;--shadow:#000c}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{background:#000;background:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:Space Grotesk,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 20px}.loading-screen{align-items:center;animation:fadeOut 1.5s ease-in-out 1.5s forwards;background:#000;background:var(--bg-primary);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.loading-content{text-align:center}.logo-rings{height:120px;margin:0 auto 2rem;position:relative;width:120px}.ring{animation:rotate 1.5s linear infinite;border:2px solid #00f5ff;border:2px solid var(--primary);border-radius:50%;position:absolute}.ring-1{border-top-color:#0000;height:40px;left:40px;top:40px;width:40px}.ring-2{animation-delay:-.25s;border-right-color:#0000;height:80px;left:20px;top:20px;width:80px}.ring-3{animation-delay:-.5s;border-bottom-color:#0000;height:120px;left:0;top:0;width:120px}.loading-text{animation:glow 1.5s ease-in-out infinite;color:#00f5ff;color:var(--primary);font-family:Orbitron,monospace;font-size:1.5rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.bg-elements{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.floating-shapes{height:100%;position:absolute;width:100%}.shape{animation:floatShape 10s ease-in-out infinite;background:linear-gradient(45deg,#00f5ff,#8b5cf6);background:linear-gradient(45deg,var(--primary),var(--accent));opacity:.1;position:absolute}.shape-1{animation-delay:0s;border-radius:50%;height:100px;left:10%;top:20%;width:100px}.shape-2{animation-delay:-2s;clip-path:polygon(50% 0,0 100%,100% 100%);height:60px;left:80%;top:60%;width:60px}.shape-3{animation-delay:-4s;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);height:80px;left:70%;top:30%;width:80px}.shape-4{animation-delay:-1s;border-radius:50%;height:120px;left:20%;top:70%;width:120px}.shape-5{animation-delay:-3s;height:40px;left:50%;top:10%;transform:rotate(45deg);width:40px}.grid-lines{height:100%;opacity:.03;position:absolute;width:100%}.grid-line{background:#00f5ff;background:var(--primary);position:absolute}.grid-line.horizontal{height:1px;width:100%}.grid-line.horizontal:first-child{top:25%}.grid-line.horizontal:nth-child(2){top:75%}.grid-line.vertical{height:100%;width:1px}.grid-line.vertical:nth-child(3){left:25%}.grid-line.vertical:nth-child(4){left:75%}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000e6;border-bottom:1px solid #00f5ff1a;padding:2rem 0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.logo-container,.logo-text{position:relative}.logo-text{color:#00f5ff;color:var(--primary);font-family:Orbitron,monospace;font-size:2rem;font-weight:900;text-shadow:0 0 30px #00f5ff80;text-shadow:0 0 30px var(--glow);z-index:2}.nav-menu{display:flex;gap:3rem;list-style:none}.nav-link{border-radius:25px;color:#888;color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-weight:500;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-link span{color:#00f5ff;color:var(--primary);margin-right:.5rem}.nav-link:before{background:linear-gradient(45deg,#00f5ff,#8b5cf6);background:linear-gradient(45deg,var(--primary),var(--accent));border-radius:25px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.nav-link:hover{color:#fff;color:var(--text-primary);text-shadow:0 0 20px #00f5ff80;text-shadow:0 0 20px var(--glow);transform:translateY(-2px)}.nav-link:hover:before{opacity:.1}.nav-toggle{cursor:pointer;display:none;flex-direction:column;gap:4px}.nav-toggle span{background:#00f5ff;background:var(--primary);height:2px;transition:all .3s ease;width:25px}.hero{align-items:center;display:flex;min-height:100vh;overflow:hidden;padding:0 2rem;position:relative}.hero-background{z-index:-1}.hero-background,.matrix-rain{height:100%;left:0;position:absolute;top:0;width:100%}.matrix-rain{opacity:.03;overflow:hidden}.matrix-column{animation:matrixRain 3s linear infinite;background:linear-gradient(#0000,#00f5ff,#0000);background:linear-gradient(#0000,var(--primary),#0000);height:100px;position:absolute;top:-100%;width:2px}.matrix-char{animation:matrixChar 3s linear infinite;color:#00f5ff;color:var(--primary);font-family:JetBrains Mono,monospace;font-size:.8rem;position:absolute}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;width:100%}.hero-left{z-index:2}.hero-intro{margin-bottom:2rem}.intro-text{display:inline-block;position:relative}.greeting-text{animation:fadeInUp .8s ease-out .2s forwards;color:#fff;color:var(--text-primary);display:block;font-family:JetBrains Mono,monospace;font-size:1.4rem;font-weight:600;letter-spacing:.1em;opacity:0;text-shadow:2px 2px 8px #000c;text-transform:uppercase}.hero-name-container{margin-bottom:2rem;position:relative}.hero-name{display:flex;flex-direction:column;font-family:Orbitron,monospace;font-size:5rem;font-weight:900;gap:.3rem;line-height:1.1;margin:0}.name-line{-webkit-text-fill-color:#0000;animation:nameReveal 1s ease-out forwards;background:linear-gradient(45deg,#00f5ff,#8b5cf6 50%,#ff0080);-webkit-background-clip:text;background-clip:text;display:block;opacity:0;position:relative;transition:all .3s ease}.name-line:first-child{animation-delay:.6s}.name-line:nth-child(2){animation-delay:.9s}.name-line:hover{text-shadow:0 0 50px #00f5ff80;text-shadow:0 0 50px var(--glow);transform:translateX(10px)}.hero-title{height:100px;margin-bottom:3rem}.title-container{margin-bottom:1rem}.title-container,.typing-title{align-items:center;display:flex;height:60px}.typing-title{gap:.5rem}.typing-text{animation:typing 4s steps(40) infinite,blink-caret 1s step-end infinite;border-right:3px solid #00f5ff;border-right:3px solid var(--primary);font-family:JetBrains Mono,monospace;font-size:1.4rem;font-weight:600;max-width:0;overflow:hidden;white-space:nowrap}.cursor-blink,.typing-text{color:#00f5ff;color:var(--primary)}.cursor-blink{animation:blink 1s step-end infinite;font-size:1.8rem;margin-left:.2rem}.title-subtitle{animation:fadeInUp .8s ease-out 1.4s forwards;color:#888;color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:1rem;letter-spacing:.3em;opacity:0;text-transform:uppercase}.hero-description{margin-bottom:4rem}.desc-line{animation:fadeInUp .8s ease-out forwards;color:#888;color:var(--text-secondary);font-size:1.3rem;margin-bottom:.5rem;opacity:0;text-shadow:1px 1px 4px #0009}.desc-line:first-child{animation-delay:1.6s}.desc-line:nth-child(2){animation-delay:1.8s}.desc-line:nth-child(3){animation-delay:2s}.hero-actions{animation:fadeInUp .8s ease-out 2.2s forwards;display:flex;gap:2rem;margin-bottom:4rem;opacity:0}.btn{align-items:center;background:none;border:none;border-radius:50px;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;justify-content:center;letter-spacing:.1em;overflow:hidden;padding:1.2rem 3rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.btn-primary{background:linear-gradient(45deg,#00f5ff,#8b5cf6);background:linear-gradient(45deg,var(--primary),var(--accent));box-shadow:0 10px 30px #00f5ff4d;color:#000;color:var(--bg-primary)}.btn-primary:hover{box-shadow:0 20px 50px #00f5ff80;transform:translateY(-5px) scale(1.05)}.btn-particles{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease}.btn-particles .particle{animation:particleExplode .8s ease-out;background:#fff;background:var(--text-primary);border-radius:50%;height:6px;position:absolute;width:6px}.btn-particles .particle:first-child{animation-delay:0s;left:-30px;top:-30px}.btn-particles .particle:nth-child(2){animation-delay:.1s;right:-30px;top:-30px}.btn-particles .particle:nth-child(3){animation-delay:.2s;bottom:-30px;left:-30px}.btn-primary:hover .btn-particles{opacity:1}.btn-wave{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.btn-primary:hover .btn-wave{left:100%}.btn-secondary{border:2px solid #00f5ff;border:2px solid var(--primary);color:#00f5ff;color:var(--primary);position:relative}.btn-secondary:hover{box-shadow:0 20px 50px #00f5ff4d;color:#000;color:var(--bg-primary);transform:translateY(-5px) scale(1.05)}.btn-border-animation{background:#00f5ff;background:var(--primary);border-radius:50px;height:100%;left:0;position:absolute;top:0;transition:width .4s ease;width:0;z-index:-1}.btn-secondary:hover .btn-border-animation{width:100%}.hero-social{animation:fadeInUp .8s ease-out 2.4s forwards;display:flex;gap:1.5rem;opacity:0}.social-item,.social-link{position:relative}.social-link{background:none;border:1px solid #333;border:1px solid var(--border);border-radius:25px;color:#888;color:var(--text-secondary);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.9rem;overflow:hidden;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.social-link:hover{border-color:#00f5ff;border-color:var(--primary);box-shadow:0 10px 25px #00f5ff4d;color:#00f5ff;color:var(--primary);transform:translateY(-5px) scale(1.1)}.social-hover{background:linear-gradient(45deg,#00f5ff,#8b5cf6);background:linear-gradient(45deg,var(--primary),var(--accent));height:100%;left:-100%;opacity:.1;position:absolute;top:0;transition:left .5s ease;width:100%;z-index:-1}.social-link:hover .social-hover{left:100%}.hero-right{align-items:center;animation:fadeInUp .8s ease-out 1.8s forwards;display:flex;justify-content:center;opacity:0;position:relative}.hero-visual{max-width:500px;position:relative;width:100%}.profile-card{animation:cardFloat 6s ease-in-out infinite;height:500px;perspective:1000px;transition:all .3s ease;width:400px}.profile-card:hover{animation-play-state:paused;transform:scale(1.05)}.card-inner{height:100%;position:relative;transition:all .3s ease;width:100%}.card-face{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff0d,#ffffff05);background:linear-gradient(135deg,var(--glass),#ffffff05);border:1px solid #00f5ff4d;border-radius:20px;box-shadow:0 25px 50px #000c;box-shadow:0 25px 50px var(--shadow);height:100%;position:absolute;width:100%}.card-face.front{z-index:2}.profile-container{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:3rem}.profile-image-container{display:flex;justify-content:center;margin-bottom:2rem}.profile-image{border-radius:50%;cursor:pointer;height:200px;overflow:hidden;position:relative;transition:all .3s ease;width:200px}.profile-image:hover{transform:scale(1.1)}.profile-photo{border-radius:50%;height:100%;object-fit:cover;position:relative;transition:all .3s ease;width:100%;z-index:2}.profile-photo:hover{transform:scale(1.05)}.profile-placeholder{align-items:center;background:linear-gradient(45deg,#00f5ff,#ff0080);background:linear-gradient(45deg,var(--primary),var(--secondary));color:#000;color:var(--bg-primary);display:flex;flex-direction:column;font-weight:600;height:100%;justify-content:center;position:relative;text-align:center;width:100%;z-index:2}.profile-placeholder span{font-size:1rem;margin-bottom:.5rem}.photo-hint{font-size:.7rem;line-height:1.2;opacity:.8}.profile-border{animation:rotateBorder 4s linear infinite;background:linear-gradient(45deg,#00f5ff,#ff0080,#8b5cf6);background:linear-gradient(45deg,var(--primary),var(--secondary),var(--accent));bottom:-3px;left:-3px;right:-3px;top:-3px;z-index:1}.profile-border,.profile-glow{border-radius:50%;position:absolute}.profile-glow{animation:glowPulse 2s ease-in-out infinite;background:radial-gradient(circle,#00f5ff80,#0000);background:radial-gradient(circle,var(--glow),#0000);bottom:-20px;left:-20px;opacity:0;right:-20px;top:-20px;transition:opacity .3s ease;z-index:0}.profile-image:hover .profile-glow{opacity:.7}.profile-info{color:#fff;color:var(--text-primary)}.info-line{border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.5rem 0;transition:all .3s ease}.info-line:hover{border-bottom-color:#00f5ff;border-bottom-color:var(--primary);padding-left:10px}.label{color:#888;color:var(--text-secondary);font-family:JetBrains Mono,monospace}.value{color:#fff;color:var(--text-primary);font-weight:600}.value.online{color:#00f5ff;color:var(--primary);position:relative}.value.online:before{animation:pulse 2s infinite;background:#00f5ff;background:var(--primary);border-radius:50%;content:"";height:8px;left:-15px;position:absolute;top:50%;transform:translateY(-50%);width:8px}.floating-elements{height:100%;pointer-events:none;position:absolute;width:100%}.floating-icon{animation:iconFloat 4s ease-in-out infinite;cursor:pointer;font-size:2rem;pointer-events:auto;position:absolute;transition:all .3s ease}.floating-icon:hover{animation-play-state:paused;transform:scale(1.5)}.icon-1{animation-delay:0s;right:10%;top:10%}.icon-2{animation-delay:-1s;right:20%;top:70%}.icon-3{animation-delay:-2s;bottom:20%;left:10%}.icon-4{animation-delay:-3s;left:0;top:30%}.scroll-indicator{align-items:center;animation:bounce 2s infinite;bottom:3rem;color:#888;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem;left:50%;position:absolute;transform:translateX(-50%)}.scroll-text{font-family:JetBrains Mono,monospace;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;writing-mode:vertical-lr}.scroll-line{background:linear-gradient(180deg,#00f5ff,#0000);background:linear-gradient(to bottom,var(--primary),#0000);height:50px;width:2px}.scroll-wheel{border:2px solid #00f5ff;border:2px solid var(--primary);border-radius:12px;height:40px;position:relative;width:24px}.wheel-dot{animation:wheelScroll 2s ease-in-out infinite;background:#00f5ff;background:var(--primary);border-radius:2px;height:8px;left:50%;position:absolute;top:6px;transform:translateX(-50%);width:4px}.about{background:#0a0a0a;background:var(--bg-secondary);padding:8rem 0;position:relative}.section-bg{height:100%;left:0;opacity:.03;position:absolute;top:0;width:100%}.neon-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);height:100%;width:100%}.grid-cell{animation:gridPulse 4s ease-in-out infinite;background:linear-gradient(45deg,#00f5ff,#8b5cf6);background:linear-gradient(45deg,var(--primary),var(--accent))}.grid-cell:nth-child(odd){animation-delay:-2s}.section-header{align-items:center;display:flex;gap:3rem;margin-bottom:6rem}.section-number{color:#444;color:var(--text-muted);font-family:Orbitron,monospace;font-size:8rem;font-weight:900;opacity:.1}.section-title{flex:1 1}.title-main{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#00f5ff,#ff0080);background:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;display:block;font-family:Orbitron,monospace;font-size:4rem;font-weight:700;margin-bottom:1rem}.title-sub{color:#888;color:var(--text-secondary);display:block;font-family:JetBrains Mono,monospace;font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase}.about-content{grid-gap:6rem;align-items:start;display:grid;gap:6rem;grid-template-columns:1fr 1fr}.about-text{margin-bottom:4rem}.text-reveal{animation:textReveal 1s ease-out forwards;color:#888;color:var(--text-secondary);font-size:1.3rem;line-height:1.8;margin-bottom:2rem;opacity:0}.text-reveal:nth-child(2){animation-delay:.2s}.education-timeline{position:relative}.education-timeline:before{background:linear-gradient(180deg,#00f5ff,#8b5cf6);background:linear-gradient(to bottom,var(--primary),var(--accent));bottom:0;content:"";left:0;position:absolute;top:0;width:2px}.timeline-item{margin-bottom:3rem;padding-left:3rem;position:relative;transition:all .3s ease}.timeline-item:hover{transform:translateX(10px)}.timeline-item:before{background:#00f5ff;background:var(--primary);border-radius:50%;box-shadow:0 0 20px #00f5ff80;box-shadow:0 0 20px var(--glow);content:"";height:16px;left:-8px;position:absolute;top:0;transition:all .3s ease;width:16px}.timeline-item:hover:before{box-shadow:0 0 30px #00f5ff80;box-shadow:0 0 30px var(--glow);transform:scale(1.3)}.timeline-date{color:#00f5ff;color:var(--primary);font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.timeline-content h4{color:#fff;color:var(--text-primary);font-size:1.2rem;margin-bottom:.5rem}.timeline-content p{color:#888;color:var(--text-secondary);font-size:.95rem}.skills-container{margin-bottom:4rem}.skill-category{margin-bottom:3rem}.skill-category h4{color:#fff;color:var(--text-primary);font-family:Orbitron,monospace;font-size:1.3rem;margin-bottom:1.5rem}.skill-items{display:flex;flex-wrap:wrap;gap:1rem}.skill-pill{background:#00f5ff1a;border:1px solid #00f5ff;border:1px solid var(--primary);border-radius:25px;color:#00f5ff;color:var(--primary);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:500;overflow:hidden;padding:.8rem 1.5rem;position:relative;transition:all .3s ease}.skill-pill:before{background:linear-gradient(90deg,#0000,#00f5ff33,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.skill-pill:hover:before{left:100%}.skill-pill:hover{background:#00f5ff;background:var(--primary);box-shadow:0 10px 25px #00f5ff80;box-shadow:0 10px 25px var(--glow);color:#000;color:var(--bg-primary);transform:translateY(-5px) scale(1.05)}.stats-display{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.stat-item{background:#111;background:var(--bg-tertiary);border:1px solid #333;border:1px solid var(--border);border-radius:15px;cursor:pointer;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.stat-item:before{background:linear-gradient(45deg,#00f5ff,#8b5cf6);background:linear-gradient(45deg,var(--primary),var(--accent));content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.stat-item:hover:before{transform:scaleX(1)}.stat-item:hover{border-color:#00f5ff;border-color:var(--primary);box-shadow:0 15px 35px #00f5ff33;transform:translateY(-10px) scale(1.05)}.stat-number{animation:countUp 2s ease-out;color:#00f5ff;color:var(--primary);font-family:Orbitron,monospace;font-size:3rem;font-weight:900;margin-bottom:.5rem}.stat-label{color:#888;color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:.9rem;letter-spacing:.1em;text-transform:uppercase}.stat-bar{animation:barFill 2s ease-out 1s forwards;background:linear-gradient(45deg,#00f5ff,#8b5cf6);background:linear-gradient(45deg,var(--primary),var(--accent));bottom:0;height:4px;left:0;position:absolute;transform:scaleX(0);width:100%}.projects{background:#000;background:var(--bg-primary);padding:8rem 0;position:relative}.projects-grid{grid-gap:4rem;display:grid;gap:4rem}.project-card{grid-gap:4rem;align-items:center;background:#111;background:var(--bg-tertiary);border:1px solid #333;border:1px solid var(--border);border-radius:25px;cursor:pointer;display:grid;gap:4rem;grid-template-columns:1fr 1fr;overflow:hidden;padding:3rem;position:relative;transition:all .5s ease}.project-card:before{background:linear-gradient(90deg,#0000,#00f5ff08,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left 1s ease;width:100%}.project-card:hover:before{left:100%}.project-card:hover{border-color:#00f5ff;border-color:var(--primary);box-shadow:0 25px 60px #00f5ff26;transform:translateY(-15px) scale(1.02)}.project-card.featured{border:2px solid #00f5ff;border:2px solid var(--primary);box-shadow:0 0 50px #00f5ff1a}.project-card:nth-child(2n){direction:rtl;grid-template-columns:1fr 1fr}.project-card:nth-child(2n) .project-info,.project-card:nth-child(2n) .project-visual{direction:ltr}.project-visual{height:350px;position:relative}.project-mockup{background:#0a0a0a;background:var(--bg-secondary);border:2px solid #333;border:2px solid var(--border);border-radius:15px;height:100%;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.project-mockup:hover{border-color:#00f5ff;border-color:var(--primary);transform:scale(1.05)}.mockup-screen{background:linear-gradient(135deg,#111,#0a0a0a);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));height:100%;padding:1.5rem;width:100%}.screen-header{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--border);display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.app-icon{font-size:2rem}.app-name{color:#00f5ff;color:var(--primary);font-family:Orbitron,monospace;font-size:1.2rem;font-weight:700}.screen-content{display:flex;flex-direction:column;gap:1.5rem}.food-card{animation:foodCardFloat 3s ease-in-out infinite;background:#0a0a0a;background:var(--bg-secondary);border:1px solid #333;border:1px solid var(--border);border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.food-card:first-child{animation-delay:0s}.food-card:nth-child(2){animation-delay:-1.5s}.food-card:hover{border-color:#00f5ff;border-color:var(--primary);transform:scale(1.02)}.food-image{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(45deg,#00f5ff,#8b5cf6);background:linear-gradient(45deg,var(--primary),var(--accent));border-radius:8px;height:60px;width:60px}.food-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.food-title{animation:shimmer 2s ease-in-out .2s infinite;background:linear-gradient(45deg,#888,#444);background:linear-gradient(45deg,var(--text-secondary),var(--text-muted));border-radius:6px;height:12px;width:80%}.food-price{animation:shimmer 2s ease-in-out .4s infinite;background:#00f5ff;background:var(--primary);border-radius:5px;height:10px;width:40%}.mockup-desktop{background:#000;background:var(--bg-primary);border:1px solid #333;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;height:100%;width:100%}.desktop-header{align-items:center;background:#111;background:var(--bg-tertiary);border-bottom:1px solid #333;border-bottom:1px solid var(--border);display:flex;height:40px;justify-content:space-between;padding:0 1rem}.window-controls{display:flex;gap:.5rem}.control{border-radius:50%;height:12px;width:12px}.control.red{background:#f55}.control.yellow{background:#ffb86c}.control.green{background:#50fa7b}.window-title{color:#888;color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:.9rem}.desktop-content{display:flex;flex:1 1}.sidebar{background:#0a0a0a;background:var(--bg-secondary);border-right:1px solid #333;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem;padding:1rem .5rem;width:80px}.menu-item{animation:menuPulse 3s ease-in-out infinite;background:#111;background:var(--bg-tertiary);border-radius:6px;height:30px;transition:all .3s ease}.menu-item.active{animation:none;background:#00f5ff;background:var(--primary)}.menu-item:first-child{animation-delay:0s}.menu-item:nth-child(2){animation-delay:1s}.menu-item:nth-child(3){animation-delay:2s}.main-area{display:flex;flex:1 1;flex-direction:column;gap:1rem;padding:1rem}.content-header{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(45deg,#00f5ff,#ff0080);background:linear-gradient(45deg,var(--primary),var(--secondary));border-radius:10px;height:20px}.content-grid{grid-gap:.75rem;display:grid;flex:1 1;gap:.75rem;grid-template-columns:repeat(3,1fr)}.grid-box{animation:gridBoxPulse 3s ease-in-out infinite;background:linear-gradient(45deg,#8b5cf6,#00f5ff);background:linear-gradient(45deg,var(--accent),var(--primary));border-radius:8px}.grid-box:first-child{animation-delay:0s}.grid-box:nth-child(2){animation-delay:.5s}.grid-box:nth-child(3){animation-delay:1s}.mockup-design{background:#f0f0f0;border-radius:12px;display:flex;flex-direction:column;height:100%;width:100%}.design-header{align-items:center;background:#4c51bf;color:#fff;display:flex;height:50px;justify-content:space-between;padding:0 1rem}.design-logo{font-size:1.1rem;font-weight:700}.design-tools{display:flex;gap:.5rem}.tool{background:#fff3;border-radius:4px;height:20px;width:20px}.design-canvas{display:flex;flex:1 1;flex-direction:column;gap:1rem;padding:2rem;position:relative}.design-element{animation:designFloat 4s ease-in-out infinite;border-radius:8px;position:absolute}.element-1{animation-delay:0s;background:#00f5ff;background:var(--primary);height:80px;left:10%;top:20%;width:80px}.element-2{animation-delay:-1s;background:#ff0080;background:var(--secondary);border-radius:50%;height:60px;right:20%;top:50%;width:60px}.element-3{animation-delay:-2s;background:#8b5cf6;background:var(--accent);bottom:30%;height:40px;left:30%;width:100px}.design-text{bottom:20%;display:flex;flex-direction:column;gap:.5rem;position:absolute;right:10%}.text-line{animation:shimmer 2s ease-in-out infinite;background:#333;border-radius:4px;height:8px}.text-line.long{width:120px}.text-line.short{width:80px}.mockup-glow{background:linear-gradient(45deg,#00f5ff,#8b5cf6);background:linear-gradient(45deg,var(--primary),var(--accent));border-radius:17px;bottom:-2px;left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.project-mockup:hover .mockup-glow{animation:glowPulse 2s ease-in-out infinite;opacity:.3}.project-overlay{align-items:center;background:#000000e6;border-radius:15px;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease}.project-visual:hover .project-overlay{opacity:1}.overlay-content{display:flex;gap:1.5rem}.project-btn{align-items:center;background:none;border:2px solid #00f5ff;border:2px solid var(--primary);border-radius:25px;color:#00f5ff;color:var(--primary);cursor:pointer;display:flex;font-family:JetBrains Mono,monospace;font-weight:500;gap:.5rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease}.project-btn:before{background:#00f5ff;background:var(--primary);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.project-btn:hover:before{left:0}.project-btn:hover{color:#000;color:var(--bg-primary);transform:translateY(-2px) scale(1.05)}.btn-arrow{font-size:1.2rem;transition:transform .3s ease}.project-btn:hover .btn-arrow{transform:translateX(5px)}.project-info{z-index:2}.project-meta{display:flex;justify-content:space-between;margin-bottom:1rem}.project-type{color:#00f5ff;color:var(--primary);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.project-type,.project-year{font-family:JetBrains Mono,monospace;font-size:.9rem}.project-year{color:#888;color:var(--text-secondary)}.project-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#00f5ff);background:linear-gradient(45deg,var(--text-primary),var(--primary));-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--text-primary);font-family:Orbitron,monospace;font-size:2.2rem;font-weight:700;margin-bottom:1.5rem}.project-description{color:#888;color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.project-tech{display:flex;flex-wrap:wrap;gap:1rem}.project-tech span{background:#00f5ff1a;border:1px solid #00f5ff;border:1px solid var(--primary);border-radius:20px;color:#00f5ff;color:var(--primary);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.project-tech span:hover{background:#00f5ff;background:var(--primary);color:#000;color:var(--bg-primary);transform:translateY(-3px) scale(1.05)}.contact{background:#0a0a0a;background:var(--bg-secondary);overflow:hidden;padding:8rem 0;position:relative}.contact-bg{left:0;top:0}.contact-bg,.cosmic-dust{height:100%;position:absolute;width:100%}.dust-particle{animation:dustFloat 8s linear infinite;background:#00f5ff;background:var(--primary);border-radius:50%;height:2px;position:absolute;width:2px}.contact-content{grid-gap:6rem;display:grid;gap:6rem;grid-template-columns:1fr 1fr;margin-top:6rem}.contact-form{background:#111;background:var(--bg-tertiary);border:1px solid #333;border:1px solid var(--border);border-radius:25px;overflow:hidden;padding:4rem;position:relative}.contact-form:before{animation:topBorderSlide 3s ease-in-out infinite;background:linear-gradient(45deg,#00f5ff,#8b5cf6);background:linear-gradient(45deg,var(--primary),var(--accent));content:"";height:2px;left:0;position:absolute;right:0;top:0}.form-container{position:relative;z-index:2}.form-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.input-group{margin-bottom:2rem;position:relative}.input-group input,.input-group textarea{background:#0a0a0a;background:var(--bg-secondary);border:1px solid #333;border:1px solid var(--border);border-radius:12px;color:#fff;color:var(--text-primary);font-family:inherit;font-size:1.1rem;padding:1.5rem;position:relative;resize:vertical;transition:all .3s ease;width:100%;z-index:2}.input-group input:focus,.input-group textarea:focus{border-color:#00f5ff;border-color:var(--primary);box-shadow:0 0 0 2px #00f5ff33;outline:none;transform:scale(1.02)}.input-highlight{background:linear-gradient(45deg,#00f5ff,#8b5cf6);background:linear-gradient(45deg,var(--primary),var(--accent));border-radius:12px;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.input-group input:focus~.input-highlight,.input-group textarea:focus~.input-highlight{opacity:.1}.input-particles{display:flex;gap:3px;opacity:0;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:opacity .3s ease}.input-particles span{animation:inputParticle 1.5s ease-in-out infinite;background:#00f5ff;background:var(--primary);border-radius:50%;height:4px;width:4px}.input-particles span:first-child{animation-delay:0s}.input-particles span:nth-child(2){animation-delay:.2s}.input-particles span:nth-child(3){animation-delay:.4s}.input-group input:focus~.input-particles,.input-group textarea:focus~.input-particles{opacity:1}.submit-btn{align-items:center;background:linear-gradient(45deg,#00f5ff,#8b5cf6);background:linear-gradient(45deg,var(--primary),var(--accent));border:none;border-radius:25px;color:#000;color:var(--bg-primary);cursor:pointer;display:flex;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:600;gap:1rem;letter-spacing:.1em;overflow:hidden;padding:1.2rem 2.5rem;position:relative;text-transform:uppercase;transition:all .3s ease;width:fit-content}.submit-btn:hover{box-shadow:0 15px 40px #00f5ff66;transform:translateY(-5px) scale(1.05)}.btn-rocket{animation:rocketBounce 2s ease-in-out infinite;font-size:1.2rem}.btn-trail{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.submit-btn:hover .btn-trail{left:100%}.contact-info{display:flex;flex-direction:column;gap:2rem}.info-card{align-items:center;background:#111;background:var(--bg-tertiary);border:1px solid #333;border:1px solid var(--border);border-radius:20px;cursor:pointer;display:flex;gap:1.5rem;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.info-card:hover{border-color:#00f5ff;border-color:var(--primary);transform:translateX(15px) scale(1.02)}.card-icon{filter:grayscale(100%);font-size:2rem;transition:filter .3s ease}.info-card:hover .card-icon{filter:none}.card-content h4{color:#fff;color:var(--text-primary);font-family:Orbitron,monospace;margin-bottom:.5rem}.card-content p{color:#888;color:var(--text-secondary);font-family:JetBrains Mono,monospace}.card-glow{background:linear-gradient(90deg,#0000,#00f5ff1a,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.info-card:hover .card-glow{left:100%}.availability-status{background:#111;background:var(--bg-tertiary);border:1px solid #333;border:1px solid var(--border);border-radius:20px;margin-top:2rem;padding:2rem}.status-indicator{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.status-dot{animation:statusPulse 2s ease-in-out infinite;background:#00f5ff;background:var(--primary);border-radius:50%;height:12px;width:12px}.status-indicator span{color:#00f5ff;color:var(--primary);font-family:JetBrains Mono,monospace;font-weight:600}.status-text{color:#888;color:var(--text-secondary);font-size:.95rem;line-height:1.6}.footer{background:#000;background:var(--bg-primary);border-top:1px solid #333;border-top:1px solid var(--border);padding:4rem 0 2rem;position:relative}.footer-bg{left:0;opacity:.05;top:0}.footer-bg,.neural-network{height:100%;position:absolute;width:100%}.node{animation:nodePulse 3s ease-in-out infinite;background:#00f5ff;background:var(--primary);border-radius:50%;height:8px;position:absolute;width:8px}.node:first-child{left:20%;top:30%}.node:nth-child(2){animation-delay:-1s;left:50%;top:60%}.node:nth-child(3){animation-delay:-2s;right:30%;top:40%}.connection{animation:connectionFlow 4s ease-in-out infinite;background:linear-gradient(90deg,#00f5ff,#0000);background:linear-gradient(90deg,var(--primary),#0000);height:1px;position:absolute}.connection:first-child{left:21%;top:35%;transform:rotate(15deg);width:29%}.connection:nth-child(2){animation-delay:-2s;left:51%;top:45%;transform:rotate(-20deg);width:20%}.footer-content{align-items:center;color:#888;color:var(--text-secondary);display:flex;justify-content:space-between}.footer-social{display:flex;gap:2rem}.footer-link{background:none;border:1px solid #333;border:1px solid var(--border);border-radius:25px;color:#888;color:var(--text-secondary);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.9rem;overflow:hidden;padding:.8rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.footer-link:before{background:linear-gradient(45deg,#00f5ff,#8b5cf6);background:linear-gradient(45deg,var(--primary),var(--accent));content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.footer-link:hover:before{left:0}.footer-link:hover{border-color:#0000;color:#000;color:var(--bg-primary);transform:translateY(-5px) scale(1.1)}@keyframes fadeOut{to{opacity:0;visibility:hidden}}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes glow{0%,to{text-shadow:0 0 20px #00f5ff;text-shadow:0 0 20px var(--primary)}50%{text-shadow:0 0 40px #00f5ff,0 0 60px #00f5ff;text-shadow:0 0 40px var(--primary),0 0 60px var(--primary)}}@keyframes floatShape{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-20px) rotate(90deg)}50%{transform:translateY(-10px) rotate(180deg)}75%{transform:translateY(-30px) rotate(270deg)}}@keyframes matrixRain{0%{opacity:1;top:-100%}to{opacity:0;top:100%}}@keyframes matrixChar{0%,to{opacity:.1}50%{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes nameReveal{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes typing{0%{max-width:0}50%{max-width:600px}to{max-width:0}}@keyframes blink-caret{0%,50%{border-color:#00f5ff;border-color:var(--primary)}51%,to{border-color:#0000}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes particleExplode{0%{opacity:1;scale:1;transform:translate(0)}to{opacity:0;scale:0;transform:translate(40px,-40px);transform:translate(var(--random-x,40px),var(--random-y,-40px))}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes rotateBorder{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-15px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-15px)}60%{transform:translateX(-50%) translateY(-5px)}}@keyframes wheelScroll{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(15px)}}@keyframes gridPulse{0%,to{opacity:.03}50%{opacity:.08}}@keyframes textReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes barFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes shimmer{0%,to{opacity:.6}50%{opacity:1}}@keyframes foodCardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes menuPulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes gridBoxPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes designFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(5deg)}}@keyframes dustFloat{0%{opacity:0;transform:translateY(100vh) translateX(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-10vh) translateX(50px)}}@keyframes topBorderSlide{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}@keyframes inputParticle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes rocketBounce{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(10deg)}}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}@keyframes nodePulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@keyframes connectionFlow{0%{opacity:0;transform:scaleX(0)}50%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.nav-menu.active{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;display:flex;flex-direction:column;height:calc(100vh - 80px);justify-content:center;left:0;position:fixed;top:80px;width:100%;z-index:999}.nav-toggle.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media (max-width:1024px){.about-content,.contact-content,.hero-content{gap:3rem;grid-template-columns:1fr}.project-card{direction:ltr!important;grid-template-columns:1fr!important}.hero-name{font-size:4rem}.title-main{font-size:3rem}.profile-card{height:450px;width:350px}.section-header{gap:2rem}.section-number{font-size:6rem}}@media (max-width:768px){.container{padding:0 15px}.navbar{padding:1rem 0}.nav-container{padding:0 1rem}.logo-text{font-size:1.5rem}.nav-menu{display:none}.nav-toggle{display:flex}.hero{min-height:100vh;padding:0 1rem}.hero-content{gap:2rem;margin-top:2rem}.hero-name{font-size:3rem}.desc-line,.greeting-text,.typing-text{font-size:1rem}.hero-actions{flex-direction:column;gap:1rem}.btn{font-size:.9rem;justify-content:center;padding:1rem 2rem;width:100%}.hero-social{flex-wrap:wrap;gap:1rem}.social-link{flex:1 1;min-width:calc(50% - .5rem);text-align:center}.section-header{flex-direction:column;gap:1rem;margin-bottom:3rem}.section-number{font-size:4rem}.title-main{font-size:2rem}.title-sub{font-size:.9rem}.about,.contact,.projects{padding:4rem 0}.form-row{gap:1rem;grid-template-columns:1fr}.contact-form{padding:2rem}.input-group input,.input-group textarea{font-size:1rem;padding:1rem}.submit-btn{justify-content:center;padding:1rem;width:100%}.stats-display{grid-template-columns:1fr}.skill-items{gap:.5rem}.skill-pill{font-size:.8rem;padding:.6rem 1rem}.footer-content{flex-direction:column;gap:2rem;text-align:center}.footer-social{flex-wrap:wrap;gap:1rem;justify-content:center}.footer-link{flex:1 1;min-width:calc(50% - .5rem);text-align:center}.profile-card{height:400px;width:300px}.profile-image{height:150px;width:150px}.profile-container,.project-card{padding:2rem}.project-visual{height:250px;margin-bottom:2rem}.project-title{font-size:1.5rem}.project-description{font-size:1rem}.project-tech{gap:.5rem}.project-tech span{font-size:.7rem;padding:.4rem .8rem}.floating-elements,.scroll-indicator{display:none}.info-card{gap:1rem;padding:1.5rem}.card-icon{font-size:1.5rem}.availability-status{padding:1.5rem}}@media (max-width:480px){.hero-name{font-size:2.5rem}.typing-text{font-size:.9rem}.section-number{font-size:3rem}.title-main{font-size:1.8rem}.profile-card{height:360px;width:280px}.profile-image{height:120px;width:120px}.contact-form,.project-card{padding:1.5rem}.btn{font-size:.8rem;padding:.8rem 1.5rem}.footer-link,.social-link{font-size:.8rem;padding:.6rem 1rem}}@media (hover:none){.btn:hover,.footer-link:hover,.info-card:hover,.project-card:hover,.skill-pill:hover,.social-link:hover{transform:none}.btn:active,.footer-link:active,.social-link:active{transform:scale(.98)}}@media (max-width:768px){.btn,.footer-link,.nav-link,.project-btn,.social-link{min-height:44px;min-width:44px}}@media (max-width:768px){::-webkit-scrollbar{width:4px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.profile-image,.profile-photo{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}
/*# sourceMappingURL=main.514931a2.css.map*/