:root{--primary-purple:#8B5CF6;--secondary-pink:#EC4899;--accent-blue:#3B82F6;--deep-dark:#0F172A;--dark-navy:#1E293B;--neon-purple:#A78BFA;--neon-pink:#F472B6;--neon-blue:#60A5FA;}.modern-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#0F172A 0%,#1E293B 50%,#0F172A 100%);font-family:'Poppins',sans-serif;}.animated-bg-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient( 45deg,rgba(139,92,246,0.1) 0%,rgba(236,72,153,0.1) 25%,rgba(59,130,246,0.1) 50%,rgba(139,92,246,0.1) 75%,rgba(236,72,153,0.1) 100% );background-size:400% 400%;animation:gradientShift 15s ease infinite;z-index:1;}@keyframes gradientShift{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(139,92,246,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,0.03) 1px,transparent 1px);background-size:50px 50px;z-index:2;animation:gridPulse 4s ease-in-out infinite;}@keyframes gridPulse{0%,100%{opacity:0.3;}50%{opacity:0.6;}}.particle-canvas,.neural-network{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none;}.neural-network{z-index:2;opacity:0.4;}.three-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;}.floating-shapes{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;pointer-events:none;}.shape{position:absolute;opacity:0.1;filter:blur(1px);}.hexagon{width:100px;height:100px;background:linear-gradient(135deg,var(--primary-purple),var(--secondary-pink));clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);top:20%;left:10%;animation:float 8s ease-in-out infinite,rotate 20s linear infinite;}.triangle{width:0;height:0;border-left:60px solid transparent;border-right:60px solid transparent;border-bottom:100px solid var(--accent-blue);top:60%;right:15%;animation:float 10s ease-in-out infinite reverse,rotate 15s linear infinite reverse;}.circle{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,var(--neon-pink),transparent);top:40%;left:80%;animation:float 12s ease-in-out infinite,pulse 3s ease-in-out infinite;}.cube-3d{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-purple),var(--accent-blue));top:70%;left:20%;animation:float 9s ease-in-out infinite,rotate3d 10s linear infinite;transform-style:preserve-3d;}@keyframes float{0%,100%{transform:translateY(0px) translateX(0px);}50%{transform:translateY(-30px) translateX(20px);}}@keyframes rotate{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes rotate3d{from{transform:rotateX(0deg) rotateY(0deg);}to{transform:rotateX(360deg) rotateY(360deg);}}@keyframes pulse{0%,100%{transform:scale(1);opacity:0.1;}50%{transform:scale(1.2);opacity:0.2;}}.floating-code-snippets{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none;font-family:'Space Grotesk',monospace;}.code-float{position:absolute;font-size:14px;opacity:0;animation:codeFloat 8s ease-in-out infinite;animation-delay:calc(var(--delay,0) * 2s);}.code-float:nth-child(1){top:15%;left:5%;--delay:0;}.code-float:nth-child(2){top:25%;right:10%;--delay:1;}.code-float:nth-child(3){bottom:30%;left:15%;--delay:2;}.code-float:nth-child(4){bottom:20%;right:20%;--delay:3;}@keyframes codeFloat{0%,100%{opacity:0;transform:translateY(0px);}10%,90%{opacity:0.3;}50%{opacity:0.5;transform:translateY(-20px);}}.code-keyword{color:var(--neon-purple);}.code-variable{color:var(--neon-blue);}.code-string{color:var(--neon-pink);}.code-function{color:#10B981;}.code-number{color:#F59E0B;}.hero-content{position:relative;z-index:10;display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1400px;margin:0 auto;padding:2rem;align-items:center;}.hero-text{position:relative;}.hero-greeting{font-size:1.5rem;font-weight:500;color:rgba(255,255,255,0.8);margin-bottom:1rem;opacity:0;animation:fadeInUp 1s ease forwards;}.greeting-wave{display:inline-block;animation:wave 2s ease-in-out infinite;transform-origin:70% 70%;}@keyframes wave{0%,100%{transform:rotate(0deg);}10%,30%{transform:rotate(14deg);}20%{transform:rotate(-8deg);}40%{transform:rotate(-4deg);}50%{transform:rotate(10deg);}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:900;font-family:'Space Grotesk',sans-serif;margin:0;line-height:1.1;opacity:0;animation:fadeInUp 1s ease 0.2s forwards;}.glitch-text{position:relative;display:inline-block;background:linear-gradient(135deg,var(--primary-purple),var(--secondary-pink),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientText 5s ease infinite;}@keyframes gradientText{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}.glitch-text:hover{animation:glitch 0.3s ease;}@keyframes glitch{0%,100%{transform:translate(0);text-shadow:none;}20%{transform:translate(-2px,2px);text-shadow:2px -2px 0 var(--neon-pink),-2px 2px 0 var(--neon-blue);}40%{transform:translate(-2px,-2px);text-shadow:2px 2px 0 var(--neon-blue),-2px -2px 0 var(--neon-pink);}60%{transform:translate(2px,2px);text-shadow:-2px -2px 0 var(--neon-pink),2px 2px 0 var(--neon-blue);}80%{transform:translate(2px,-2px);text-shadow:-2px 2px 0 var(--neon-blue),2px -2px 0 var(--neon-pink);}}.hero-subtitle{font-size:clamp(1.5rem,3vw,2rem);font-weight:600;color:var(--neon-purple);margin:1.5rem 0;min-height:3rem;opacity:0;animation:fadeInUp 1s ease 0.4s forwards;}.typing-text{color:var(--neon-pink);}.cursor-blink{animation:blink 1s step-end infinite;color:var(--neon-blue);}@keyframes blink{0%,100%{opacity:1;}50%{opacity:0;}}.hero-description{font-size:1.125rem;line-height:1.8;color:rgba(255,255,255,0.7);margin:2rem 0;max-width:600px;opacity:0;animation:fadeInUp 1s ease 0.6s forwards;}.floating-badges{position:relative;width:300px;height:300px;margin:2rem 0;opacity:0;animation:fadeIn 1s ease 0.8s forwards;}.skill-badge{position:absolute;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:2rem;background:rgba(139,92,246,0.1);backdrop-filter:blur(10px);border:2px solid rgba(139,92,246,0.3);border-radius:50%;cursor:pointer;transition:all 0.3s ease;animation:orbit 20s linear infinite;}.skill-badge:hover{transform:scale(1.2);background:rgba(139,92,246,0.2);border-color:var(--neon-purple);box-shadow:0 0 20px rgba(139,92,246,0.5);}.skill-badge::after{content:attr(data-skill);position:absolute;top:-30px;left:50%;transform:translateX(-50%);font-size:0.75rem;color:white;background:rgba(0,0,0,0.8);padding:4px 8px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.3s ease;}.skill-badge:hover::after{opacity:1;}.orbit-1{top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:0s;}.orbit-2{top:0;left:50%;transform:translateX(-50%);animation-delay:-3.33s;}.orbit-3{top:25%;right:0;animation-delay:-6.66s;}.orbit-4{bottom:25%;right:0;animation-delay:-10s;}.orbit-5{bottom:0;left:50%;transform:translateX(-50%);animation-delay:-13.33s;}.orbit-6{top:25%;left:0;animation-delay:-16.66s;}@keyframes orbit{from{transform:rotate(0deg) translateX(120px) rotate(0deg);}to{transform:rotate(360deg) translateX(120px) rotate(-360deg);}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}.hero-cta{display:flex;gap:1.5rem;margin:2rem 0;flex-wrap:wrap;opacity:0;animation:fadeInUp 1s ease 1s forwards;}.magnetic-btn{position:relative;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:12px;text-decoration:none;overflow:hidden;transition:all 0.3s ease;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:0.5rem;}.btn-primary{background:linear-gradient(135deg,var(--primary-purple),var(--secondary-pink));color:white;box-shadow:0 10px 30px rgba(139,92,246,0.3);}.btn-primary:hover{box-shadow:0 15px 40px rgba(139,92,246,0.5);transform:translateY(-2px);}.btn-secondary{background:rgba(255,255,255,0.05);color:white;border:2px solid rgba(139,92,246,0.5);backdrop-filter:blur(10px);}.btn-secondary:hover{background:rgba(139,92,246,0.1);border-color:var(--neon-purple);box-shadow:0 0 30px rgba(139,92,246,0.3);}.btn-content{position:relative;z-index:2;display:flex;align-items:center;gap:0.5rem;}.btn-icon{transition:transform 0.3s ease;}.magnetic-btn:hover .btn-icon{transform:translateX(5px);}.btn-ripple{position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.3);transform:translate(-50%,-50%);transition:width 0.6s,height 0.6s;}.magnetic-btn:active .btn-ripple{width:300px;height:300px;}.hero-social{display:flex;gap:1rem;margin-top:2rem;opacity:0;animation:fadeInUp 1s ease 1.2s forwards;}.social-link{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.05);border:2px solid rgba(139,92,246,0.3);border-radius:50%;color:white;font-size:1.25rem;text-decoration:none;transition:all 0.3s ease;backdrop-filter:blur(10px);}.social-link:hover{background:rgba(139,92,246,0.2);border-color:var(--neon-purple);transform:translateY(-5px);box-shadow:0 10px 25px rgba(139,92,246,0.4);}.hero-visual{position:relative;opacity:0;animation:fadeInRight 1s ease 0.8s forwards;}@keyframes fadeInRight{from{opacity:0;transform:translateX(50px);}to{opacity:1;transform:translateX(0);}}.glass-card{position:relative;background:rgba(255,255,255,0.03);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:2rem;box-shadow:0 20px 60px rgba(0,0,0,0.3);transform-style:preserve-3d;transition:transform 0.3s ease;}.glass-card:hover{transform:translateY(-10px) rotateX(2deg) rotateY(2deg);}.neon-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient( circle,rgba(139,92,246,0.2) 0%,transparent 70% );animation:glowPulse 4s ease-in-out infinite;pointer-events:none;}@keyframes glowPulse{0%,100%{opacity:0.5;transform:scale(1);}50%{opacity:0.8;transform:scale(1.1);}}.holographic-border{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:20px;background:linear-gradient( 45deg,transparent 30%,rgba(139,92,246,0.3) 50%,transparent 70% );background-size:200% 200%;animation:holographicShift 3s linear infinite;pointer-events:none;}@keyframes holographicShift{0%{background-position:0% 0%;}100%{background-position:200% 200%;}}.terminal-window{background:rgba(15,23,42,0.8);border-radius:12px;overflow:hidden;font-family:'Space Grotesk',monospace;}.terminal-header{background:rgba(30,41,59,0.8);padding:0.75rem 1rem;display:flex;align-items:center;gap:0.5rem;}.terminal-dot{width:12px;height:12px;border-radius:50%;}.terminal-dot.red{background:#EF4444;}.terminal-dot.yellow{background:#F59E0B;}.terminal-dot.green{background:#10B981;}.terminal-title{margin-left:auto;font-size:0.875rem;color:rgba(255,255,255,0.6);}.terminal-body{padding:1.5rem;min-height:200px;}.terminal-line{display:flex;align-items:center;gap:0.5rem;margin-bottom:1rem;}.terminal-prompt{color:var(--neon-purple);font-weight:bold;}.terminal-command{color:var(--neon-blue);}.terminal-cursor{color:var(--neon-pink);animation:blink 1s step-end infinite;}.terminal-output{color:rgba(255,255,255,0.7);font-size:0.875rem;line-height:1.6;}.tech-stack-float{position:absolute;top:-20px;right:-20px;display:flex;gap:1rem;}.tech-icon{width:50px;height:50px;background:rgba(139,92,246,0.1);backdrop-filter:blur(10px);border:2px solid rgba(139,92,246,0.3);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--neon-purple);animation:techFloat 3s ease-in-out infinite;animation-delay:var(--delay);}@keyframes techFloat{0%,100%{transform:translateY(0px);}50%{transform:translateY(-15px);}}.tech-icon:hover{background:rgba(139,92,246,0.2);border-color:var(--neon-purple);box-shadow:0 0 20px rgba(139,92,246,0.5);}.blob-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;}.blob{position:absolute;border-radius:50%;filter:blur(40px);opacity:0.3;animation:blobMorph 10s ease-in-out infinite;}.blob-1{width:300px;height:300px;background:linear-gradient(135deg,var(--primary-purple),var(--secondary-pink));top:-50px;right:-50px;}.blob-2{width:250px;height:250px;background:linear-gradient(135deg,var(--accent-blue),var(--primary-purple));bottom:-50px;left:-50px;animation-delay:-5s;}@keyframes blobMorph{0%,100%{border-radius:60% 40% 30% 70% / 60% 30% 70% 40%;transform:rotate(0deg);}50%{border-radius:30% 60% 70% 40% / 50% 60% 30% 60%;transform:rotate(180deg);}}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:10;}.scroll-indicator a{display:flex;flex-direction:column;align-items:center;gap:0.5rem;text-decoration:none;color:rgba(255,255,255,0.6);transition:color 0.3s ease;}.scroll-indicator a:hover{color:var(--neon-purple);}.mouse-scroll{width:30px;height:50px;border:2px solid rgba(255,255,255,0.3);border-radius:15px;position:relative;}.mouse-wheel{width:4px;height:10px;background:var(--neon-purple);border-radius:2px;position:absolute;top:8px;left:50%;transform:translateX(-50%);animation:scrollWheel 2s ease-in-out infinite;}@keyframes scrollWheel{0%,100%{opacity:0;transform:translateX(-50%) translateY(0);}50%{opacity:1;transform:translateX(-50%) translateY(15px);}}.scroll-text{font-size:0.875rem;font-weight:500;}.animate-bounce{animation:bounce 2s ease-in-out infinite;}@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0);}50%{transform:translateX(-50%) translateY(-10px);}}.custom-cursor{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;}.cursor-dot{width:8px;height:8px;background:var(--neon-purple);border-radius:50%;position:fixed;transform:translate(-50%,-50%);transition:width 0.3s,height 0.3s,background 0.3s;box-shadow:0 0 10px var(--neon-purple);}.cursor-outline{width:40px;height:40px;border:2px solid var(--neon-purple);border-radius:50%;position:fixed;transform:translate(-50%,-50%);transition:width 0.3s,height 0.3s,border-color 0.3s;opacity:0.5;}.cursor-trail{position:fixed;pointer-events:none;z-index:9998;}@media (max-width:1024px){.hero-content{grid-template-columns:1fr;gap:3rem;}.hero-visual{order:-1;}.floating-badges{width:250px;height:250px;}.skill-badge{width:50px;height:50px;font-size:1.5rem;}}@media (max-width:768px){.hero-title{font-size:3rem;}.hero-subtitle{font-size:1.25rem;}.hero-description{font-size:1rem;}.hero-cta{flex-direction:column;}.magnetic-btn{width:100%;justify-content:center;}.floating-badges{display:none;}.tech-stack-float{display:none;}.custom-cursor{display:none;}}@media (max-width:480px){.hero-content{padding:1rem;}.floating-code-snippets{display:none;}.floating-shapes{display:none;}}