:root{--bg-primary: #0a0a0f;--bg-secondary: #13131a;--bg-tertiary: #1a1a24;--accent-cyan: #00f0ff;--accent-magenta: #ff00aa;--accent-purple: #9d4edd;--accent-yellow: #ffd60a;--text-primary: #ffffff;--text-secondary: #b0b0c0;--text-muted: #808090;--border-color: rgba(255, 255, 255, .08);--glow-cyan: rgba(0, 240, 255, .4);--glow-magenta: rgba(255, 0, 170, .4)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Space Grotesk,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;line-height:1.6}.content-wrapper{position:relative;z-index:1}.mesh-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.mesh-gradient{position:absolute;border-radius:50%;filter:blur(140px);opacity:.35;animation:float 20s ease-in-out infinite}.mesh-gradient-1{width:700px;height:700px;background:radial-gradient(circle,var(--accent-cyan),transparent);top:-200px;left:-100px;animation-delay:0s}.mesh-gradient-2{width:600px;height:600px;background:radial-gradient(circle,var(--accent-magenta),transparent);top:20%;right:-150px;animation-delay:7s}.mesh-gradient-3{width:500px;height:500px;background:radial-gradient(circle,var(--accent-purple),transparent);bottom:-100px;left:30%;animation-delay:14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.95)}}.particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:var(--accent-cyan);border-radius:50%;opacity:.5;animation:particle-float 15s linear infinite}.particle:nth-child(1){left:10%;animation-delay:0s;animation-duration:20s}.particle:nth-child(2){left:30%;animation-delay:4s;animation-duration:18s}.particle:nth-child(3){left:50%;animation-delay:8s;animation-duration:22s}.particle:nth-child(4){left:70%;animation-delay:12s;animation-duration:19s}.particle:nth-child(5){left:90%;animation-delay:16s;animation-duration:21s}@keyframes particle-float{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.5}90%{opacity:.5}to{transform:translateY(-100vh) scale(1);opacity:0}}.bg-grid-pattern{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(0,240,255,.07) 1px,transparent 1px),linear-gradient(to right,rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.015) 1px,transparent 1px);background-size:32px 32px,64px 64px,64px 64px;mask-image:radial-gradient(ellipse 90% 85% at 50% 50%,black 45%,rgba(0,0,0,.25) 80%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 90% 85% at 50% 50%,black 45%,rgba(0,0,0,.25) 80%,transparent 100%)}.navbar-custom{position:fixed;top:0;left:0;width:100%;padding:1.5rem 0;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1);background:transparent}.navbar-custom.scrolled{background:#0a0a0ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,255,255,.15);padding:1rem 0;box-shadow:0 10px 40px #0000004d,0 0 20px #00ffff0d}.nav-content{display:flex;justify-content:space-between;align-items:center}.logo-text{font-size:1.5rem;font-weight:700;font-family:JetBrains Mono,monospace;text-decoration:none;display:flex;align-items:center;gap:.2rem;transition:all .3s ease;position:relative}.logo-bracket{color:var(--accent-cyan)}.logo-name{color:var(--text-primary)}.nav-menu{display:flex;align-items:center;gap:2.5rem}.nav-item{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;position:relative;transition:color .3s ease}.nav-item:before{content:attr(data-text);position:absolute;top:0;left:0;color:var(--accent-cyan);overflow:hidden;width:0;transition:width .3s ease}.nav-item:hover{color:var(--text-primary)}.nav-item:hover:before{width:100%}.nav-cta{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));color:var(--bg-primary);padding:.7rem 1.5rem;border-radius:50px;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 10px 30px var(--glow-cyan)}.mobile-toggle{display:none;flex-direction:column;gap:.4rem;background:none;border:none;cursor:pointer}.mobile-toggle span{width:25px;height:2px;background:var(--text-primary);transition:all .3s ease}.mobile-toggle.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-toggle.active span:nth-child(2){opacity:0}.mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.hero-section{min-height:100vh;display:flex;align-items:center;padding:8rem 0 4rem;position:relative;overflow:hidden}.hero-section .container{position:relative;z-index:2}.hero-decorations{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.hero-orbital-ring{position:absolute;border-radius:50%;pointer-events:none}.hero-orbital-ring-1{width:720px;height:720px;border:1px dashed rgba(0,240,255,.13);top:50%;right:-120px;transform:translateY(-50%);animation:orbital-spin 70s linear infinite}.hero-orbital-ring-1:before{content:"";position:absolute;top:60px;left:50%;width:8px;height:8px;background:var(--accent-cyan);border-radius:50%;box-shadow:0 0 12px var(--accent-cyan)}.hero-orbital-ring-2{width:920px;height:920px;border:1px solid rgba(157,78,221,.08);top:50%;right:-220px;transform:translateY(-50%);animation:orbital-spin-reverse 85s linear infinite}.hero-orbital-ring-2:after{content:"";position:absolute;bottom:120px;right:180px;width:6px;height:6px;background:var(--accent-magenta);border-radius:50%;box-shadow:0 0 10px var(--accent-magenta)}.hero-orbital-ring-3{width:380px;height:380px;border:1px dashed rgba(0,240,255,.09);top:10%;left:-100px;animation:slow-drift 18s ease-in-out infinite alternate}.hero-ambient-glow{position:absolute;top:20%;left:15%;width:480px;height:480px;background:radial-gradient(circle,rgba(0,240,255,.05),transparent 70%);filter:blur(60px);pointer-events:none;animation:ambient-pulse 9s ease-in-out infinite alternate}.hero-geo-line-1{position:absolute;width:320px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,240,255,.22),transparent);top:24%;left:5%;transform:rotate(-12deg);pointer-events:none}.hero-geo-line-2{position:absolute;width:220px;height:1px;background:linear-gradient(90deg,transparent,rgba(157,78,221,.2),transparent);bottom:15%;right:18%;transform:rotate(22deg);pointer-events:none}.hero-marker{position:absolute;font-size:.65rem;color:#00f0ff40;font-family:JetBrains Mono,monospace;pointer-events:none}.hero-marker-1{top:20%;left:45%;animation:slow-drift 12s ease-in-out infinite alternate}.hero-marker-2{bottom:15%;left:8%;animation:slow-drift 16s ease-in-out infinite alternate-reverse}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center}.status-badge{display:inline-flex;align-items:center;gap:.7rem;background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);padding:.6rem 1.2rem;border-radius:50px;font-size:.85rem;font-weight:500;color:var(--accent-cyan);margin-bottom:2rem}.status-dot{width:8px;height:8px;background:var(--accent-cyan);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 0 var(--glow-cyan)}50%{box-shadow:0 0 0 8px transparent}}.hero-title{font-size:4.5rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.02em}.title-line{display:block}.title-gradient{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.15rem;color:var(--text-secondary);line-height:1.8;max-width:550px;margin-bottom:2.5rem}.hero-actions{display:flex;gap:1rem;margin-bottom:3rem}.btn-primary{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));color:var(--bg-primary);padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;position:relative;overflow:hidden;transition:all .3s ease}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px var(--glow-cyan)}.btn-shine{position:absolute;top:-50%;left:-100%;width:50%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skew(-20deg);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}50%,to{left:200%}}.btn-secondary{background:transparent;border:2px solid var(--accent-cyan);color:var(--accent-cyan);padding:.9rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease}.btn-secondary:hover{background:var(--accent-cyan);color:var(--bg-primary);transform:translateY(-3px)}.hero-stats{display:flex;gap:2rem;align-items:center}.stat-item{text-align:center}.stat-number{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.85rem;color:var(--text-muted);margin-top:.3rem}.stat-divider{width:1px;height:40px;background:var(--border-color)}.hero-visual{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding-left:0}.profile-card{background:transparent;border:none;padding:0;position:relative;overflow:visible}.profile-glow{display:none}.profile-image-wrapper{position:relative;width:100%;max-width:700px;height:auto;margin-bottom:0;background:transparent;display:flex;align-items:center;justify-content:flex-start;margin-left:-20px;z-index:1}.profile-image-wrapper:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;z-index:0;pointer-events:none}@keyframes pulse-glow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.profile-image{width:100%;height:auto;object-fit:contain;position:relative;z-index:2;background:transparent;display:block;margin:0;padding:0;mask-image:radial-gradient(ellipse 100% 100% at 40% 50%,black 30%,rgba(0,0,0,.9) 45%,rgba(0,0,0,.7) 60%,rgba(0,0,0,.4) 75%,rgba(0,0,0,.15) 85%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 100% 100% at 40% 50%,black 30%,rgba(0,0,0,.9) 45%,rgba(0,0,0,.7) 60%,rgba(0,0,0,.4) 75%,rgba(0,0,0,.15) 85%,transparent 100%);filter:drop-shadow(0 8px 24px rgba(0,255,255,.08)) drop-shadow(0 16px 48px rgba(255,0,255,.06)) contrast(1.03) saturate(1.05);transition:all .5s cubic-bezier(.4,0,.2,1)}.profile-image:hover{filter:drop-shadow(0 12px 32px rgba(0,255,255,.12)) drop-shadow(0 20px 56px rgba(255,0,255,.09)) contrast(1.05) saturate(1.08) brightness(1.03);transform:scale(1.02) translate(8px)}.profile-border{display:none}.profile-name-overlay{position:relative;margin-top:-80px;margin-left:5px;z-index:10;padding-bottom:1.5rem}.profile-name-overlay h1{font-size:4.5rem;font-weight:900;margin:0;line-height:1;letter-spacing:-2px;background:linear-gradient(120deg,var(--accent-cyan) 0%,var(--accent-magenta) 30%,var(--accent-cyan) 60%,var(--accent-magenta) 100%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:none;filter:drop-shadow(0 0 40px rgba(0,255,255,.3)) drop-shadow(0 0 80px rgba(255,0,255,.2)) drop-shadow(0 4px 20px rgba(0,0,0,.8))}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes line-glow{0%,to{opacity:.6;width:150px}50%{opacity:1;width:220px}}.profile-info{text-align:left;position:relative;z-index:3;margin-left:5px;padding-left:0}.profile-info h3,.profile-info p{display:none}.role-text{font-size:1.5rem;font-weight:600;margin:0 0 2rem;color:var(--text-secondary);letter-spacing:.5px;opacity:.9}.social-buttons{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.social-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.8rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.social-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.1),transparent);transition:left .5s}.social-btn:hover:before{left:100%}.social-btn:hover{border-color:var(--accent-cyan);background:#00ffff0d;transform:translateY(-2px);box-shadow:0 8px 24px #0ff3}.social-btn i{font-size:1.2rem;transition:transform .3s}.social-btn:hover i{transform:scale(1.1) rotate(5deg)}.social-btn span{font-size:.95rem;letter-spacing:.3px}.social-btn:nth-child(1):hover{border-color:#6e5494;box-shadow:0 8px 24px #6e54944d}.social-btn:nth-child(2):hover{border-color:#0077b5;box-shadow:0 8px 24px #0077b54d}.social-btn:nth-child(3):hover{border-color:var(--accent-magenta);box-shadow:0 8px 24px #ff00ff4d}.social-icons,.social-icon,.code-decoration,.code-header,.code-content{display:none}.section-divider{position:relative;width:100%;max-width:1140px;margin:0 auto;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,240,255,.04) 15%,rgba(0,240,255,.22) 50%,rgba(157,78,221,.18) 85%,transparent 100%);overflow:visible;pointer-events:none;z-index:2}.section-divider .divider-node{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:7px;height:7px;background:var(--accent-cyan);border-radius:50%;box-shadow:0 0 10px var(--accent-cyan),0 0 20px var(--glow-cyan)}.section-divider .divider-node:before,.section-divider .divider-node:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:14px;height:1px;background:var(--accent-cyan);opacity:.5}.section-divider .divider-node:before{right:12px}.section-divider .divider-node:after{left:12px}.section-bg-deco{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.about-section,.skills-section,.projects-section,.experience-section,.contact-section{position:relative;overflow:hidden}.about-section .container,.skills-section .container,.projects-section .container,.experience-section .container,.contact-section .container{position:relative;z-index:2}.deco-circle{position:absolute;border-radius:50%;pointer-events:none}.deco-circle-about{width:520px;height:520px;border:1px solid rgba(0,240,255,.05);top:-120px;right:-160px;background:radial-gradient(circle,rgba(0,240,255,.025) 0%,transparent 70%)}.deco-circle-skills{width:580px;height:580px;border:1px dashed rgba(157,78,221,.07);bottom:-160px;left:-160px;animation:orbital-spin 80s linear infinite}.deco-circle-projects{width:640px;height:640px;border:1px solid rgba(0,240,255,.05);top:25%;right:-220px}.deco-circle-exp{width:480px;height:480px;border:1px dashed rgba(255,0,170,.05);top:15%;left:-180px;animation:orbital-spin-reverse 90s linear infinite}.deco-circle-contact{width:540px;height:540px;border:1px solid rgba(0,240,255,.06);bottom:-120px;right:-120px;background:radial-gradient(circle,rgba(0,240,255,.03) 0%,transparent 70%)}.deco-accent-line{position:absolute;width:450px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,240,255,.12),transparent);top:35%;left:0;transform:rotate(-10deg);pointer-events:none}.deco-line-accents{position:absolute;width:100%;height:100%;background:linear-gradient(45deg,transparent 48%,rgba(0,240,255,.015) 50%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(157,78,221,.015) 50%,transparent 52%);background-size:160px 160px;opacity:.6;pointer-events:none}.deco-rings{position:absolute;top:50%;left:15%;width:360px;height:360px;border-radius:50%;border:1px dashed rgba(0,240,255,.07);transform:translate(-50%,-50%);animation:slow-drift 22s ease-in-out infinite alternate;pointer-events:none}.section-header{margin-bottom:4rem;position:relative}.section-label{display:inline-flex;align-items:center;gap:.65rem;font-size:.82rem;font-weight:600;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.14em;margin-bottom:1.2rem;padding:.4rem 1rem;background:#00f0ff0d;border:1px solid rgba(0,240,255,.22);border-radius:50px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:relative;transition:all .3s ease}.section-label:before{content:"";display:inline-block;width:6px;height:6px;background:var(--accent-cyan);border-radius:50%;box-shadow:0 0 8px var(--accent-cyan);animation:pulse-dot 2.5s infinite}.section-title{font-size:3rem;font-weight:700;line-height:1.2;position:relative;display:inline-block}.section-title:after{content:"";display:block;width:50px;height:3px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple));border-radius:3px;margin-top:1rem}.about-section{padding:6rem 0}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:start}.about-text{font-size:1.1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem}.achievement-card{display:flex;gap:1.5rem;background:linear-gradient(145deg,#13131ae6,#1a1a24c7);border:1px solid var(--border-color);border-radius:20px;padding:2rem;margin-top:2rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 15px 35px #00000059,inset 0 1px #ffffff0d;transition:all .35s cubic-bezier(.16,1,.3,1)}.achievement-card:hover{border-color:#ffd60a66;box-shadow:0 25px 60px #00000080,0 0 30px #ffd60a26,inset 0 1px #ffffff14;transform:translateY(-6px)}.achievement-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--accent-yellow),var(--accent-magenta));border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--bg-primary);flex-shrink:0}.achievement-content h4{font-size:1.3rem;margin-bottom:.5rem}.achievement-content p{color:var(--text-secondary);margin-bottom:.5rem}.achievement-year{display:inline-block;background:#ffd60a1a;color:var(--accent-yellow);padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600}.education-card{background:linear-gradient(145deg,#13131ae6,#1a1a24c7);border:1px solid var(--border-color);border-radius:20px;padding:2.5rem;position:relative;overflow:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 15px 35px #00000059,inset 0 1px #ffffff0d;transition:all .35s cubic-bezier(.16,1,.3,1)}.education-card:hover{border-color:#00f0ff66;box-shadow:0 25px 60px #00000080,0 0 30px #00f0ff26,inset 0 1px #ffffff14;transform:translateY(-6px)}.card-glow{position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--glow-cyan),transparent 50%);opacity:.1}.education-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--bg-primary);margin-bottom:1.5rem}.education-card h3{font-size:1.1rem;color:var(--accent-cyan);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.education-card h4{font-size:1.4rem;margin-bottom:1rem}.institution{color:var(--text-secondary);margin-bottom:1.5rem}.education-details{display:flex;gap:1.5rem;flex-wrap:wrap}.detail-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.95rem}.detail-item i{color:var(--accent-cyan)}.skills-section{padding:6rem 0;background:linear-gradient(180deg,transparent,var(--bg-secondary) 50%,transparent)}.skills-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.skill-category{background:linear-gradient(145deg,#13131ae6,#1a1a24c7);border:1px solid var(--border-color);border-radius:25px;padding:2.5rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 15px 35px #00000059,inset 0 1px #ffffff0d;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.skill-category:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-magenta));transform:scaleX(0);transition:transform .4s ease}.skill-category:hover:before{transform:scaleX(1)}.skill-category:hover{border-color:#00f0ff59;box-shadow:0 25px 60px #00000080,0 0 35px #00f0ff26,inset 0 1px #ffffff14;transform:translateY(-8px)}.category-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.category-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:var(--bg-primary);flex-shrink:0}.category-header h3{font-size:1.5rem;margin:0}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem}.tech-item{display:flex;flex-direction:column;align-items:center;gap:.7rem;background:#1a1a24b3;border:1px solid rgba(255,255,255,.06);padding:1.2rem .8rem;border-radius:15px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 15px #0003;transition:all .28s cubic-bezier(.16,1,.3,1);cursor:pointer}.tech-item:hover{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));border-color:var(--accent-cyan);transform:translateY(-5px) scale(1.02);box-shadow:0 12px 28px #00f0ff59}.tech-item i{font-size:2rem;color:var(--accent-cyan);transition:all .3s ease}.tech-item:hover i{color:var(--bg-primary)}.tech-item span{font-size:.85rem;font-weight:600;color:var(--text-secondary);transition:all .3s ease}.tech-item:hover span{color:var(--bg-primary)}.projects-section{padding:6rem 0}.projects-grid{display:flex;flex-direction:column;gap:4rem;max-width:1200px;margin:0 auto}.project-card{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;background:linear-gradient(145deg,#13131aeb,#1a1a24cc);border:1px solid var(--border-color);border-radius:25px;overflow:hidden;padding:2.5rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 20px 45px #0006,inset 0 1px #ffffff0d;transition:all .38s cubic-bezier(.16,1,.3,1);position:relative}.project-card:nth-child(2n){direction:rtl}.project-card:nth-child(2n)>*{direction:ltr}.project-card:hover{border-color:#00f0ff59;box-shadow:0 30px 75px #0000008c,0 0 40px #00f0ff29,inset 0 1px #ffffff14;transform:translateY(-8px)}.project-image{position:relative;height:350px;overflow:hidden;border-radius:15px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0006;transition:all .4s ease}.project-image img{width:100%;height:100%;object-fit:contain;object-position:center;background:var(--bg-tertiary);transition:transform .6s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-image img{transform:scale(1.04)}.project-group-header{margin-top:6rem;padding-top:2rem;border-top:1px solid var(--border-color)}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 50%,rgba(10,10,15,.6));opacity:.5}.project-content{padding:0}.project-tag{display:inline-block;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));color:var(--bg-primary);padding:.5rem 1.2rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem}.project-content h3{font-size:1.8rem;margin-bottom:1rem;line-height:1.3;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-content p{color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem;font-size:1rem}.project-tech{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.5rem}.project-tech span{background:#1a1a24bf;border:1px solid rgba(255,255,255,.08);padding:.5rem 1rem;border-radius:20px;font-size:.85rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .25s cubic-bezier(.16,1,.3,1)}.project-tech span:hover{background:var(--accent-cyan);color:var(--bg-primary);border-color:var(--accent-cyan);transform:translateY(-2px);box-shadow:0 6px 18px #00f0ff4d}.project-tech span i{font-size:.9rem}.project-links{display:flex;gap:1rem;margin-top:1.5rem}.project-link{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));color:var(--bg-primary);border:none;border-radius:10px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);font-size:.95rem;box-shadow:0 4px 15px #00f0ff33}.project-link:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00f0ff73}.project-link-secondary{background:transparent;border:2px solid var(--accent-cyan);color:var(--accent-cyan)}.project-link-secondary:hover{background:var(--accent-cyan);color:var(--bg-primary)}.experience-section{padding:6rem 0;background:linear-gradient(180deg,transparent,var(--bg-secondary) 50%,transparent)}.experience-timeline{max-width:900px;margin:0 auto}.timeline-item{position:relative;padding-left:3rem;margin-bottom:3rem}.timeline-dot{position:absolute;left:0;top:0;width:16px;height:16px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));border-radius:50%;box-shadow:0 0 20px var(--glow-cyan)}.timeline-dot:after{content:"";position:absolute;top:16px;left:7px;width:2px;height:100vh;background:var(--border-color)}.timeline-card{background:linear-gradient(145deg,#13131ae6,#1a1a24c7);border:1px solid var(--border-color);border-radius:20px;padding:2rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 15px 35px #00000059,inset 0 1px #ffffff0d;transition:all .35s cubic-bezier(.16,1,.3,1)}.timeline-card:hover{border-color:#00f0ff59;box-shadow:0 25px 60px #00000080,0 0 30px #00f0ff26,inset 0 1px #ffffff14;transform:translate(8px)}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.timeline-header h3{font-size:1.3rem;margin-bottom:.3rem}.company{color:var(--accent-cyan);font-weight:600}.timeline-date{background:#00f0ff1a;color:var(--accent-cyan);padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;white-space:nowrap}.timeline-location{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem}.timeline-location i{color:var(--accent-cyan);margin-right:.5rem}.timeline-highlights{list-style:none;padding:0}.timeline-highlights li{color:var(--text-secondary);padding-left:1.5rem;margin-bottom:.8rem;position:relative}.timeline-highlights li:before{content:"▹";position:absolute;left:0;color:var(--accent-cyan);font-weight:700}.contact-section{padding:6rem 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.contact-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:3rem}.contact-details{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.5rem}.contact-item{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:linear-gradient(145deg,#13131ae0,#1a1a24c2);border:1px solid var(--border-color);border-radius:15px;text-decoration:none;color:inherit;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 30px #0000004d,inset 0 1px #ffffff0d;transition:all .32s cubic-bezier(.16,1,.3,1)}.contact-item:hover{border-color:#00f0ff59;box-shadow:0 18px 45px #00000073,0 0 25px #00f0ff26,inset 0 1px #ffffff14;transform:translate(8px)}.contact-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--bg-primary);flex-shrink:0}.contact-label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:.3rem}.contact-value{display:block;font-size:1rem;font-weight:600;color:var(--text-primary)}.social-links-footer{display:flex;gap:1rem}.social-link{width:50px;height:50px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);text-decoration:none;font-size:1.2rem;transition:all .3s ease}.social-link:hover{background:var(--accent-cyan);color:var(--bg-primary);border-color:var(--accent-cyan);transform:translateY(-5px);box-shadow:0 10px 20px var(--glow-cyan)}.contact-visual{position:relative}.cta-card{background:linear-gradient(145deg,#13131af0,#1a1a24d1);border:1px solid rgba(0,240,255,.2);border-radius:25px;padding:3rem;text-align:center;position:relative;overflow:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 25px 65px #00000080,0 0 40px #00f0ff1a,inset 0 1px #ffffff14}.cta-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--glow-cyan),transparent 50%);opacity:.1;animation:rotate 10s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cta-card h3{font-size:2rem;margin-bottom:1rem;position:relative;z-index:2}.cta-card p{color:var(--text-secondary);margin-bottom:2rem;position:relative;z-index:2}.btn-download{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));color:var(--bg-primary);padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.8rem;position:relative;z-index:2;transition:all .3s ease}.btn-download:hover{transform:translateY(-3px);box-shadow:0 15px 40px var(--glow-cyan)}.footer{padding:3rem 0;border-top:1px solid var(--border-color);margin-top:6rem}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-brand p{color:var(--text-secondary);margin-top:.5rem}.footer-copyright p{color:var(--text-muted);font-size:.9rem}@media(max-width:1024px){.profile-image-wrapper{max-width:600px;margin-left:-10px}.profile-name-overlay{margin-top:-60px}.profile-name-overlay h1{font-size:3.5rem;letter-spacing:-1.5px}.role-text{font-size:1.3rem}}@media(max-width:968px){.project-card,.project-card:nth-child(2n){grid-template-columns:1fr;direction:ltr;gap:2rem;padding:2rem}.project-image{height:300px}.project-content h3{font-size:1.5rem}}@media(max-width:768px){.nav-menu{position:fixed;top:70px;right:-100%;background:#0a0a14f2;flex-direction:column;width:100%;height:100vh;padding:2rem;transition:.3s ease;z-index:999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.nav-menu.active{right:0}.nav-item{font-size:1.2rem;margin:1rem 0}.mobile-toggle{display:flex}.hero-grid{grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-description{font-size:1rem;margin-left:auto;margin-right:auto}.hero-actions{justify-content:center;flex-wrap:wrap}.hero-stats{justify-content:center;gap:1rem}.hero-visual{margin-top:3rem;align-items:center}.profile-image-wrapper{max-width:500px;margin-left:0}.profile-name-overlay{margin-top:-50px;margin-left:0}.profile-name-overlay h1{font-size:2.8rem;letter-spacing:-1px}.profile-name-overlay h1:after{width:100px}.role-text{font-size:1.1rem}.social-buttons{gap:.8rem}.social-btn{padding:.8rem 1.4rem;font-size:.9rem}.social-btn i{font-size:1.1rem}.profile-info{text-align:center}.about-grid{grid-template-columns:1fr;gap:2rem}.section-title{font-size:2rem}.skills-categories{grid-template-columns:1fr}.projects-section{padding:4rem 0}.projects-grid{gap:3rem}.project-card{padding:1.5rem}.project-image{height:250px}.project-content h3{font-size:1.3rem}.project-content p{font-size:.95rem}.project-links{flex-direction:column}.project-link{width:100%;justify-content:center}.timeline-item{padding-left:2rem}.timeline-header{flex-direction:column;align-items:flex-start}.timeline-date{align-self:flex-start}.contact-grid{grid-template-columns:1fr;text-align:center}.contact-details{align-items:stretch}.contact-item{flex-direction:row;text-align:left}.social-links-footer{justify-content:center}.footer-content{flex-direction:column;text-align:center;gap:1.5rem}.profile-image{mask-image:radial-gradient(ellipse 95% 95% at 50% 50%,black 35%,rgba(0,0,0,.8) 50%,rgba(0,0,0,.5) 65%,rgba(0,0,0,.2) 80%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 95% 95% at 50% 50%,black 35%,rgba(0,0,0,.8) 50%,rgba(0,0,0,.5) 65%,rgba(0,0,0,.2) 80%,transparent 100%)}}@media(max-width:480px){.hero-title{font-size:2rem}.profile-image-wrapper{max-width:100%;margin-left:0}.profile-name-overlay{margin-top:-40px}.profile-name-overlay h1{font-size:2rem;letter-spacing:-.5px}.profile-name-overlay h1:after{width:80px;height:3px;bottom:-10px}.role-text{font-size:1rem;margin-bottom:1.5rem}.social-buttons{flex-direction:column;gap:.6rem}.social-btn{width:100%;justify-content:center;padding:1rem}.btn-primary,.btn-secondary{padding:.8rem 1.5rem;font-size:.9rem}.project-image{height:200px}.project-tech span{font-size:.75rem;padding:.4rem .8rem}.project-content h3{font-size:1.2rem}}@media(max-width:768px){html,body{max-width:100vw;overflow-x:hidden;width:100%}body{padding:0;margin:0}.container{max-width:100%;padding-left:1.5rem;padding-right:1.5rem;margin:0 auto}.navbar-custom{padding:1rem 0}.nav-content{padding:0 1.5rem}.nav-menu{position:fixed;top:70px;right:-100%;background:#0a0a14fa;flex-direction:column;width:100%;height:calc(100vh - 70px);padding:2rem;transition:right .3s ease;z-index:999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--border-color);align-items:flex-start;gap:0}.nav-menu.active{right:0}.nav-item{font-size:1.2rem;margin:1rem 0;width:100%;padding:.5rem 0}.nav-cta{margin-top:1rem;width:100%;justify-content:center}.mobile-toggle{display:flex;z-index:1001}.hero-section{min-height:auto;padding:5rem 0 3rem}.hero-grid{grid-template-columns:1fr;gap:2rem;text-align:center;display:flex;flex-direction:column;width:100%}.hero-content{order:1;width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center}.status-badge{font-size:.8rem;padding:.5rem 1rem;margin-bottom:1.5rem}.status-dot{width:6px;height:6px}.hero-title{font-size:2.5rem;text-align:center;margin-bottom:1.5rem;line-height:1.2}.hero-description{font-size:1rem;margin-left:auto;margin-right:auto;text-align:center;max-width:100%;padding:0 1rem}.hero-actions{justify-content:center;flex-direction:column;width:100%;max-width:400px;margin:0 auto 2rem;gap:.75rem}.btn-primary,.btn-secondary{width:100%;justify-content:center;padding:1rem 2rem}.hero-stats{justify-content:center;gap:1.5rem;flex-wrap:wrap;width:100%;margin-bottom:2rem}.stat-item{min-width:100px}.stat-number{font-size:1.75rem}.stat-label{font-size:.8rem}.hero-visual{order:2;margin-top:2rem;align-items:center;width:100%;padding:0}.profile-card{width:100%;max-width:100%}.profile-image-wrapper{max-width:500px;width:100%;margin:0 auto;padding:0 1rem}.profile-image{width:100%;height:auto;mask-image:radial-gradient(ellipse 90% 90% at 50% 50%,black 40%,rgba(0,0,0,.85) 55%,rgba(0,0,0,.6) 70%,rgba(0,0,0,.3) 85%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 90% 90% at 50% 50%,black 40%,rgba(0,0,0,.85) 55%,rgba(0,0,0,.6) 70%,rgba(0,0,0,.3) 85%,transparent 100%)}.profile-name-overlay{margin-top:-60px;margin-left:0;text-align:center;width:100%;padding:0 1rem}.profile-name-overlay h1{font-size:2.8rem;letter-spacing:-1px;text-align:center}.profile-info{text-align:center;width:100%;margin-top:1rem;padding:0 1rem}.role-text{font-size:1.1rem;text-align:center;margin-bottom:1.5rem}.social-buttons{gap:.8rem;justify-content:center;max-width:500px;margin:0 auto}.social-btn{padding:.8rem 1.5rem;font-size:.9rem;flex:1 1 auto;min-width:150px}.about-section{padding:4rem 0}.about-grid{grid-template-columns:1fr;gap:2.5rem}.section-title{font-size:2rem;text-align:center}.section-label{text-align:center;display:block}.section-header{text-align:center;margin-bottom:3rem}.about-text{font-size:1rem}.achievement-card{flex-direction:column;text-align:center;padding:1.5rem}.achievement-content{text-align:center}.education-card{padding:2rem;text-align:center}.education-icon{margin:0 auto 1.5rem}.education-details{justify-content:center}.skills-section{padding:4rem 0}.skills-categories{grid-template-columns:1fr;gap:1.5rem}.skill-category{padding:2rem}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.projects-section{padding:4rem 0}.projects-grid{gap:2.5rem}.project-card,.project-card:nth-child(2n){grid-template-columns:1fr;direction:ltr;gap:1.5rem;padding:1.5rem}.project-card:nth-child(2n)>*{direction:ltr}.project-image{height:250px;order:1}.project-content{order:2}.project-content h3{font-size:1.5rem}.project-content p{font-size:.95rem}.project-tech{gap:.6rem}.project-tech span{font-size:.8rem;padding:.4rem .8rem}.project-links{flex-direction:column;gap:.75rem}.project-link{width:100%;justify-content:center}.experience-section{padding:4rem 0}.timeline-item{padding-left:2rem;margin-bottom:2.5rem}.timeline-dot{width:14px;height:14px}.timeline-dot:after{left:6px}.timeline-header{flex-direction:column;align-items:flex-start;gap:.75rem}.timeline-date{align-self:flex-start}.timeline-card{padding:1.5rem}.contact-section{padding:4rem 0}.contact-grid{grid-template-columns:1fr;gap:3rem}.contact-description{text-align:center}.contact-details{align-items:stretch}.contact-item{flex-direction:row;text-align:left;justify-content:flex-start}.contact-info div{text-align:left}.social-links-footer{justify-content:center}.cta-card{padding:2.5rem 2rem}.cta-card h3{font-size:1.75rem}.footer{padding:2.5rem 0}.footer-content{flex-direction:column;text-align:center;gap:1.5rem}.footer-brand,.footer-copyright{text-align:center}}@media(max-width:480px){.container{padding-left:1rem;padding-right:1rem}.nav-content{padding:0 1rem}.hero-section{padding:4rem 0 2rem}.hero-title{font-size:2rem;line-height:1.15}.hero-description{font-size:.95rem;padding:0 .5rem}.hero-actions{max-width:100%}.btn-primary,.btn-secondary{padding:.9rem 1.5rem;font-size:.9rem}.hero-stats{gap:1rem}.stat-item{flex:1 1 45%;min-width:80px}.stat-number{font-size:1.5rem}.stat-label{font-size:.75rem}.profile-image-wrapper{max-width:100%;padding:0 .5rem}.profile-name-overlay{margin-top:-40px;padding:0 .5rem}.profile-name-overlay h1{font-size:2rem;letter-spacing:-.5px}.role-text{font-size:1rem;margin-bottom:1.25rem}.social-buttons{flex-direction:column;gap:.6rem;padding:0 .5rem}.social-btn{width:100%;min-width:auto;justify-content:center;padding:.9rem 1.25rem}.section-title{font-size:1.75rem}.section-label{font-size:.75rem}.about-text{font-size:.95rem}.achievement-card,.education-card{padding:1.25rem}.achievement-icon,.education-icon{width:50px;height:50px;font-size:1.3rem}.skill-category{padding:1.5rem}.category-icon{width:50px;height:50px;font-size:1.5rem}.category-header h3{font-size:1.25rem}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(75px,1fr));gap:.75rem}.tech-item{padding:1rem .6rem}.tech-item i{font-size:1.5rem}.tech-item span{font-size:.75rem}.project-card{padding:1.25rem}.project-tag{font-size:.7rem;padding:.4rem 1rem}.project-content h3{font-size:1.25rem}.project-content p{font-size:.9rem}.project-image{height:200px}.project-tech span{font-size:.75rem;padding:.35rem .7rem}.project-link{font-size:.85rem;padding:.7rem 1.25rem}.timeline-item{padding-left:1.5rem}.timeline-dot{width:12px;height:12px}.timeline-dot:after{left:5px}.timeline-card{padding:1.25rem}.timeline-header h3{font-size:1.15rem}.timeline-date{font-size:.75rem;padding:.4rem .8rem}.contact-item{padding:1.25rem}.contact-icon,.social-link{width:45px;height:45px;font-size:1.1rem}.cta-card{padding:2rem 1.5rem}.cta-card h3{font-size:1.5rem}.btn-download{width:100%;justify-content:center}.footer{padding:2rem 0}}@media(max-width:360px){.hero-title,.profile-name-overlay h1{font-size:1.75rem}.section-title{font-size:1.5rem}.stat-number{font-size:1.25rem}.btn-primary,.btn-secondary{font-size:.85rem;padding:.8rem 1.25rem}}@media(max-width:768px)and (orientation:landscape){.hero-section{min-height:auto;padding:4rem 0 2rem}.profile-image-wrapper{max-width:350px}.profile-name-overlay h1{font-size:2rem}.nav-menu{height:auto;max-height:calc(100vh - 70px);overflow-y:auto}}@keyframes orbital-spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}@keyframes orbital-spin-reverse{0%{transform:translateY(-50%) rotate(360deg)}to{transform:translateY(-50%) rotate(0)}}@keyframes slow-drift{0%{transform:translate(0)}to{transform:translate(12px,-18px)}}@keyframes ambient-pulse{0%{opacity:.45;transform:scale(.95)}to{opacity:.85;transform:scale(1.05)}}@media(max-width:768px){.hero-orbital-ring-1{width:360px;height:360px;right:-100px}.hero-orbital-ring-2{width:460px;height:460px;right:-150px}.hero-orbital-ring-3,.hero-geo-line-1,.hero-geo-line-2{display:none}.section-divider{max-width:90%}.section-header{text-align:center}.section-title:after{margin-left:auto;margin-right:auto}.deco-circle-about,.deco-circle-projects,.deco-circle-skills,.deco-circle-exp,.deco-circle-contact{opacity:.5;transform:scale(.7)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.mesh-gradient,.particle,.hero-orbital-ring-1,.hero-orbital-ring-2,.hero-orbital-ring-3,.deco-circle-skills,.deco-circle-exp,.deco-rings,.status-dot,.btn-shine,.cta-glow,.hero-ambient-glow{animation:none!important}}
