@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);min-height:100vh;color:#e2e8f0;position:relative;overflow-x:hidden;cursor:default}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(96,165,250,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(59,130,246,.05) 0%,transparent 50%);z-index:-1;animation:backgroundMove 20s ease-in-out infinite}@keyframes backgroundMove{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;z-index:10000}.loading-container{text-align:center}.loading-logo{font-size:4rem;font-weight:900;margin-bottom:1rem;animation:pulse 2s ease-in-out infinite}.loading-text{font-size:1.2rem;color:#94a3b8;margin-bottom:2rem;animation:fadeInOut 2s ease-in-out infinite}.loading-bar{width:200px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin:0 auto}.loading-progress{height:100%;width:0%;background:linear-gradient(90deg,#60a5fa,#a78bfa);border-radius:2px;animation:loadingProgress 2s ease-in-out forwards}@keyframes loadingProgress{0%{width:0%}to{width:100%}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes fadeInOut{0%,to{opacity:.5}50%{opacity:1}}.floating-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-particle{position:absolute;width:3px;height:3px;background:radial-gradient(circle,#60a5fa 0%,transparent 70%);border-radius:50%;animation:float 6s ease-in-out infinite}.floating-particle:nth-child(1){left:10%;animation-delay:0s}.floating-particle:nth-child(2){left:20%;animation-delay:1s}.floating-particle:nth-child(3){left:30%;animation-delay:2s}.floating-particle:nth-child(4){left:40%;animation-delay:3s}.floating-particle:nth-child(5){left:50%;animation-delay:4s}.floating-particle:nth-child(6){left:60%;animation-delay:5s}.floating-particle:nth-child(7){left:70%;animation-delay:.5s}.floating-particle:nth-child(8){left:80%;animation-delay:1.5s}.floating-particle:nth-child(9){left:90%;animation-delay:2.5s}.floating-particle:nth-child(10){left:95%;animation-delay:3.5s}@keyframes float{0%,to{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-10vh) rotate(360deg);opacity:0}}.magnetic-card{transition:transform .3s ease}.magnetic-card:hover{transform:scale(1.05) translateZ(20px);box-shadow:0 20px 40px #60a5fa4d}.typing-animation{position:relative;overflow:hidden}.typing-animation:after{content:"|";position:absolute;right:-2px;animation:blink 1s infinite;color:#60a5fa}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.glow-effect{position:relative}.glow-effect:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(45deg,#60a5fa,#a78bfa,#f472b6,#60a5fa);background-size:400% 400%;animation:glowRotate 3s ease infinite;z-index:-1;filter:blur(10px);opacity:0;transition:opacity .3s ease}.glow-effect:hover:before{opacity:1}@keyframes glowRotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.text-reveal{position:relative;overflow:hidden}.text-reveal:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,#60a5fa,transparent);transform:translate(-100%);animation:textReveal 2s ease-out}@keyframes textReveal{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skill-tag{position:relative;overflow:hidden}.skill-tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.skill-tag:hover:before{left:100%}nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0f0f23cc;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0000004d}.nav-container{display:flex;justify-content:space-between;align-items:center;height:70px;max-width:1200px;margin:0 auto;padding:0 20px}.nav-logo{font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(96,165,250,.3);transition:all .3s ease}.nav-logo:hover{transform:scale(1.05);filter:drop-shadow(0 0 10px rgba(96,165,250,.5))}.nav-links{display:flex;gap:2.5rem}.nav-link{background:none;border:none;color:#f1f5f9;cursor:pointer;padding:.75rem 1rem;transition:all .3s ease;text-transform:capitalize;font-weight:500;font-size:.95rem;border-radius:8px;position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,#60a5fa,#a78bfa);transition:all .3s ease;transform:translate(-50%)}.nav-link:hover:before,.nav-link.active:before{width:80%}.nav-link:hover,.nav-link.active{color:#60a5fa;background:#60a5fa1a;transform:translateY(-2px)}.hero{padding:100px 0;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at top,rgba(59,130,246,.1) 0%,transparent 70%)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 25%,rgba(96,165,250,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(59,130,246,.05) 0%,transparent 50%);animation:particleMove 15s ease-in-out infinite;z-index:0}@keyframes particleMove{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(5deg)}66%{transform:translateY(10px) rotate(-3deg)}}.hero-content{animation:fadeInUp .8s ease-out;position:relative;z-index:1}.hero-title{font-size:4rem;font-weight:800;margin-bottom:1rem;color:#f8fafc;text-shadow:0 0 20px rgba(96,165,250,.3);line-height:1.1;letter-spacing:-.02em}.hero-name{background:linear-gradient(135deg,#60a5fa,#a78bfa,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 0 15px rgba(96,165,250,.4));animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%,to{filter:drop-shadow(0 0 15px rgba(96,165,250,.4)) hue-rotate(0deg)}50%{filter:drop-shadow(0 0 20px rgba(139,92,246,.6)) hue-rotate(20deg)}}.hero-subtitle{font-size:1.5rem;color:#cbd5e1;margin-bottom:2rem;font-weight:300;text-shadow:0 2px 4px rgba(0,0,0,.3);opacity:.9}.hero-contact{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;color:#94a3b8}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;border:none;border-radius:12px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;box-shadow:0 8px 25px #3b82f64d}.btn-primary:hover{transform:translateY(-3px);background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 15px 35px #3b82f680}.btn-secondary{background:#1e293bcc;color:#e2e8f0;border:1px solid rgba(148,163,184,.3);box-shadow:0 8px 25px #0003}.btn-secondary:hover{transform:translateY(-3px);background:#1e293b;box-shadow:0 15px 35px #0006;border-color:#60a5fa80}.profile-photo-container{display:flex;justify-content:center;margin-bottom:2rem;position:relative;z-index:1}.profile-photo{width:190px;height:190px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid rgba(96,165,250,.4);box-shadow:0 0 0 5px #60a5fa1a,0 0 0 10px #8b5cf60d,0 25px 50px #0006,inset 0 0 0 2px #ffffff1a;transition:all .4s ease;position:relative;z-index:2}.profile-photo:before{content:"";position:absolute;top:-10px;left:-10px;width:210px;height:210px;border-radius:50%;background:conic-gradient(from 0deg,#3b82f6,#8b5cf6,#ec4899,#f59e0b,#10b981,#3b82f6);opacity:.75;animation:rotate 4s linear infinite;z-index:-2}.profile-photo:after{content:"";position:absolute;top:-5px;left:-5px;width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,#0f0f23,#1a1a2e);z-index:-1}.profile-photo:hover{transform:scale(1.05);border-color:#60a5facc;box-shadow:0 0 0 8px #60a5fa33,0 0 0 15px #8b5cf61a,0 30px 60px #00000080,inset 0 0 0 3px #fff3}.section{padding:100px 0;position:relative;overflow:hidden}.section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(96,165,250,.02) 0%,transparent 70%);animation:sectionPulse 8s ease-in-out infinite}@keyframes sectionPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.02)}}.section-white{background:#1e293b33;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.section-gray{background:#0f172a4d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.section-title{font-size:3rem;font-weight:800;text-align:center;margin-bottom:4rem;position:relative;background:linear-gradient(135deg,#60a5fa,#a78bfa,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(96,165,250,.3);animation:titleGlow 4s ease-in-out infinite}@keyframes titleGlow{0%,to{text-shadow:0 0 30px rgba(96,165,250,.3)}50%{text-shadow:0 0 40px rgba(139,92,246,.5)}}.section-title:after{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,transparent,#60a5fa,#a78bfa,transparent);border-radius:2px;box-shadow:0 0 20px #60a5fa80;animation:underlineMove 3s ease-in-out infinite}@keyframes underlineMove{0%,to{width:100px}50%{width:120px}}.about-container{max-width:900px;margin:0 auto;text-align:center;position:relative;padding:2rem;background:#1e293b4d;border-radius:20px;border:1px solid rgba(148,163,184,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 40px #0003}.about-container:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,#60a5fa80,#8b5cf680);border-radius:20px;z-index:-1;opacity:.3}.about-text{font-size:1.2rem;line-height:1.8;color:#f1f5f9;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.1);position:relative}.about-text:before{content:'"';font-size:4rem;color:#60a5fa4d;position:absolute;top:-20px;left:-30px;font-family:Georgia,serif}.about-text:after{content:'"';font-size:4rem;color:#60a5fa4d;position:absolute;bottom:-40px;right:-30px;font-family:Georgia,serif}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:2rem}.skill-card{background:#1e293b99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(96,165,250,.2);border-radius:20px;padding:2rem;text-align:center;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 8px 25px #0000004d}.skill-card:hover{background:#1e293bcc;border-color:#60a5fa80;box-shadow:0 20px 40px #3b82f633}.skill-card:hover .skill-glow{opacity:1;transform:scale(1.1)}.skill-icon{width:60px;height:60px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease}.skill-card:hover .skill-icon{transform:scale(1.1);box-shadow:0 10px 30px #3b82f666}.skill-name{font-size:1.1rem;font-weight:600;color:#e2e8f0;margin-bottom:.5rem;transition:all .3s ease}.skill-card:hover .skill-name{color:#60a5fa}.skill-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg,rgba(96,165,250,.1) 60deg,transparent 120deg);opacity:0;transition:all .4s ease;pointer-events:none;animation:rotate 4s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.skills-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;padding:1rem}.skill-card{padding:1.5rem}.skill-icon{width:50px;height:50px;margin-bottom:1rem}.skill-name{font-size:1rem}}@media (max-width: 480px){.skills-grid{grid-template-columns:1fr;gap:1rem}.profile-photo{width:160px;height:160px}.profile-photo:before{width:180px;height:180px;top:-10px;left:-10px}.profile-photo:after{width:170px;height:170px;top:-5px;left:-5px}}@media (max-width: 768px) and (min-width: 481px){.profile-photo{width:170px;height:170px}.profile-photo:before{width:190px;height:190px;top:-10px;left:-10px}.profile-photo:after{width:180px;height:180px;top:-5px;left:-5px}}.card{background:#1e293b66;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(148,163,184,.1);border-radius:20px;box-shadow:0 10px 30px #0000004d;padding:2.5rem;transition:all .4s ease;color:#e2e8f0;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(96,165,250,.5),transparent);transition:all .3s ease}.card:hover:before{height:3px;background:linear-gradient(90deg,#60a5facc,#8b5cf6cc,#60a5facc)}.card:hover{transform:translateY(-10px);box-shadow:0 25px 50px #0006;border-color:#60a5fa4d;background:#1e293b99}.card-icon{width:60px;height:60px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:0 10px 25px #3b82f64d;transition:all .3s ease}.card-icon:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 15px 35px #3b82f680}.card-title{font-size:1.4rem;font-weight:700;margin-bottom:.5rem;color:#f8fafc;text-shadow:0 1px 2px rgba(0,0,0,.1)}.card-subtitle{color:#60a5fa;font-weight:600;margin-bottom:.5rem;font-size:1rem}.card-text{color:#cbd5e1;line-height:1.7;font-size:.95rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:2.5rem;margin-top:2rem}.project-card{background:#1e293b66;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(148,163,184,.1);border-radius:25px;box-shadow:0 10px 30px #0000004d;padding:2.5rem;transition:all .5s ease;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);transform:translate(-100%);transition:transform .5s ease}.project-card:hover:before{transform:translate(0)}.project-card:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 30px 60px #0006;border-color:#60a5fa66}.tech-tags{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0}.tech-tag{padding:.5rem 1rem;background:linear-gradient(135deg,#60a5fa1a,#8b5cf61a);border:1px solid rgba(96,165,250,.3);border-radius:20px;color:#60a5fa;font-size:.85rem;font-weight:600;transition:all .3s ease}.tech-tag:hover{background:linear-gradient(135deg,#60a5fa33,#8b5cf633);transform:translateY(-2px);box-shadow:0 5px 15px #60a5fa4d}.education-grid{display:grid;gap:2rem;max-width:900px;margin:0 auto}.education-card{background:#1e293b66;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(148,163,184,.1);border-radius:20px;padding:2.5rem;transition:all .4s ease;position:relative}.education-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:2px;transform:scaleY(0);transition:transform .4s ease}.education-card:hover:before{transform:scaleY(1)}.education-card:hover{transform:translate(10px);box-shadow:0 20px 40px #0000004d;border-color:#60a5fa4d}.language-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem;margin-top:1.5rem}.language-item{text-align:center;padding:1.5rem 1rem;background:#3341554d;border-radius:12px;border:1px solid rgba(148,163,184,.2);transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.language-item:hover{background:#33415580;border-color:#60a5fa66;box-shadow:0 5px 20px #0003}.language-flag{font-size:2rem;margin-bottom:.5rem}.language-name{font-weight:600;color:#f1f5f9;font-size:1rem;margin-bottom:.5rem}.language-level{font-size:.85rem;color:#60a5fa;font-weight:500;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.language-progress{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-top:.5rem}.language-bar{height:100%;background:linear-gradient(90deg,#60a5fa,#a78bfa);border-radius:2px;transition:width 1s ease}.contact-section{padding:100px 0;background:#0f172a4d;position:relative}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem}.contact-item{background:#1e293b80;border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:2.5rem 2rem;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.contact-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(96,165,250,.6),transparent);transform:translate(-100%);transition:transform .3s ease}.contact-item:hover:before{transform:translate(0)}.contact-item:hover{background:#1e293bb3;border-color:#60a5fa66;box-shadow:0 10px 30px #0000004d}.contact-icon{width:60px;height:60px;background:#60a5fa1a;border:2px solid rgba(96,165,250,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#60a5fa;transition:all .3s ease}.contact-item:hover .contact-icon{background:#60a5fa33;border-color:#60a5fa80;transform:scale(1.1)}.contact-title{font-size:1.25rem;font-weight:600;color:#f1f5f9;margin-bottom:.5rem}.contact-text{font-size:1rem;color:#94a3b8;margin-bottom:1.5rem;line-height:1.5}.contact-action{margin-top:1rem}.contact-link{display:inline-block;padding:.75rem 1.5rem;background:transparent;color:#60a5fa;text-decoration:none;border:1px solid rgba(96,165,250,.3);border-radius:8px;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.contact-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#60a5fa1a;transition:left .3s ease}.contact-link:hover:before{left:0}.contact-link:hover{color:#f1f5f9;border-color:#60a5fa99;transform:translateY(-2px)}@media (max-width: 768px){.contact-grid{grid-template-columns:1fr;gap:1.5rem}.contact-item{padding:2rem 1.5rem}}@media (max-width: 1024px) and (min-width: 769px){.contact-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}.contact-item{padding:2rem 1.5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#0f172a80;border-radius:6px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:6px;border:2px solid rgba(15,23,42,.5)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#7c3aed)}.holographic-card{position:relative;background:linear-gradient(135deg,#1e293b66,#33415566),radial-gradient(circle at 30% 40%,rgba(96,165,250,.1) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(139,92,246,.1) 0%,transparent 50%);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:25px;overflow:hidden;transition:all .4s ease}.holographic-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(96,165,250,.1),transparent,rgba(139,92,246,.1),transparent);animation:holographicRotate 4s linear infinite;opacity:0;transition:opacity .4s ease}.holographic-card:hover:before{opacity:1}@keyframes holographicRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.liquid-button{position:relative;overflow:hidden;border-radius:50px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);transition:all .3s ease}.liquid-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.liquid-button:hover:before{left:100%}.liquid-button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.liquid-button:hover:after{width:200px;height:200px}.neon-glow{position:relative;color:#60a5fa;text-shadow:0 0 5px #60a5fa,0 0 10px #60a5fa,0 0 15px #60a5fa,0 0 20px #60a5fa;animation:neonFlicker 2s ease-in-out infinite alternate}@keyframes neonFlicker{0%,to{text-shadow:0 0 5px #60a5fa,0 0 10px #60a5fa,0 0 15px #60a5fa,0 0 20px #60a5fa}50%{text-shadow:0 0 2px #60a5fa,0 0 5px #60a5fa,0 0 8px #60a5fa,0 0 12px #60a5fa}}.matrix-rain{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1}.matrix-rain:before,.matrix-rain:after{content:"010101010101010101010101010101010101010101010101010101010101010101010101";position:absolute;top:-100%;left:0;width:100%;height:200%;color:#60a5fa1a;font-family:Courier New,monospace;font-size:12px;line-height:1.2;animation:matrixFall 10s linear infinite;word-wrap:break-word}.matrix-rain:after{animation-delay:5s;left:50%}@keyframes matrixFall{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.glitch-effect{position:relative;display:inline-block}.glitch-effect:before,.glitch-effect:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}.glitch-effect:before{animation:glitch1 2s infinite;color:red;z-index:-1}.glitch-effect:after{animation:glitch2 2s infinite;color:#0f0;z-index:-2}@keyframes glitch1{0%,to{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes glitch2{0%,to{transform:translateY(0)}20%{transform:translateY(-1px)}40%{transform:translateY(1px)}60%{transform:translateY(-1px)}80%{transform:translateY(1px)}}.cyberpunk-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(96,165,250,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.1) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite;pointer-events:none;z-index:0}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.particle-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.particle{position:absolute;width:2px;height:2px;background:radial-gradient(circle,rgba(96,165,250,.8) 0%,transparent 70%);border-radius:50%;animation:particleFloat 10s linear infinite}.particle:nth-child(1){left:10%;animation-delay:0s}.particle:nth-child(2){left:20%;animation-delay:1s}.particle:nth-child(3){left:30%;animation-delay:2s}.particle:nth-child(4){left:40%;animation-delay:3s}.particle:nth-child(5){left:50%;animation-delay:4s}.particle:nth-child(6){left:60%;animation-delay:5s}.particle:nth-child(7){left:70%;animation-delay:6s}.particle:nth-child(8){left:80%;animation-delay:7s}.particle:nth-child(9){left:90%;animation-delay:8s}@keyframes particleFloat{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) scale(1);opacity:0}}.dna-helix{position:relative;width:100px;height:200px;margin:0 auto}.dna-helix:before,.dna-helix:after{content:"";position:absolute;width:4px;height:100%;background:linear-gradient(180deg,#3b82f6,#8b5cf6,#ec4899,#f59e0b,#10b981);border-radius:2px;animation:dnaRotate 4s linear infinite}.dna-helix:before{left:20px;transform-origin:50% 50%}.dna-helix:after{right:20px;transform-origin:50% 50%;animation-delay:2s}@keyframes dnaRotate{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.quantum-tunnel{position:relative;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,rgba(15,15,35,.8) 100%);overflow:hidden}.quantum-tunnel:before,.quantum-tunnel:after{content:"";position:absolute;top:50%;left:50%;width:200px;height:200px;border:2px solid rgba(96,165,250,.3);border-radius:50%;transform:translate(-50%,-50%);animation:quantumExpand 3s ease-in-out infinite}.quantum-tunnel:after{animation-delay:1.5s;border-color:#8b5cf64d}@keyframes quantumExpand{0%{width:0;height:0;opacity:1}to{width:800px;height:800px;opacity:0}}@media (max-width: 1024px){.matrix-rain:before,.matrix-rain:after{display:none}.cyberpunk-grid{opacity:.5}.particle{display:none}}@media (max-width: 768px){.holographic-card:before{display:none}.quantum-tunnel:before,.quantum-tunnel:after{display:none}.dna-helix{width:60px;height:120px}.neon-glow{animation:none;text-shadow:0 0 10px #60a5fa}.glitch-effect:before,.glitch-effect:after{display:none}}.gpu-accelerated{will-change:transform;transform:translateZ(0);backface-visibility:hidden}.parallax-container{position:relative;overflow:hidden}.parallax-layer{position:absolute;inset:0;transform:translateZ(0)}.parallax-back{transform:translateZ(-1px) scale(2)}.parallax-mid{transform:translateZ(-.5px) scale(1.5)}.parallax-front{transform:translateZ(0)}@media (max-width: 768px){.cursor,.floating-particles{display:none!important}.hero-title{font-size:2.5rem!important}.hero-subtitle{font-size:1.2rem!important}.nav-links{display:none!important}.glow-effect:before{display:none!important}.card-3d:hover .card-content{transform:none!important}.magnetic-card:hover{transform:scale(1.02)!important}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cursor-trail,.floating-particle,.typing-animation:after{animation:none!important}.cursor{display:none!important}}.portfolio-container{font-family:Inter,sans-serif}.smooth-scroll{scroll-behavior:smooth}.project-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px #00000026}.skill-item{transition:all .3s cubic-bezier(.4,0,.2,1)}.skill-item:hover{transform:translateY(-3px) scale(1.05)}@media (max-width: 768px){.section-title{font-size:2rem;color:#fff}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}}.fade-in-up{opacity:0;transform:translateY(30px);transition:all .6s ease-out}.fade-in-up.visible{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}.cta-button{position:relative;overflow:hidden;transform:translateZ(0)}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.cta-button:hover:before{left:100%}.glass-card{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.18)}.gradient-border{position:relative;background:#fff;border-radius:12px}.gradient-border:before{content:"";position:absolute;inset:0;border-radius:12px;padding:2px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}