@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500&family=Rajdhani:wght@400;600&display=swap";body{margin:0;background-color:#000;font-family:Orbitron,sans-serif}h1,h2,h3{font-family:Orbitron,sans-serif}.container{height:100vh;display:flex;justify-content:center;align-items:center}.project-details-container{padding:4rem 2rem;max-width:1000px;margin:0 auto;color:#fff;background:#0a0a0a}.project-title{font-size:2rem;color:#9903ac;margin-bottom:1rem}.project-description{font-size:1.2rem;margin-bottom:2rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.tech-pill{background:#1c1c1c;border:1px solid #9e01a6;padding:.4rem .8rem;border-radius:999px;font-size:.8rem;color:#ff7efc;text-transform:uppercase}.project-images{display:flex;flex-direction:column;gap:1.5rem}.project-images img{width:100%;border-radius:1rem;box-shadow:0 0 20px #61007799}.project-link{margin-top:2rem}.project-link a{background:#9903ac;color:#fff;padding:.8rem 1.5rem;border-radius:999px;text-decoration:none;transition:.3s}.project-link a:hover{background:#ff7efc;box-shadow:0 0 10px #ff7efc}.header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background-color:transparent;position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;box-sizing:border-box}.header__logo{font-size:24px;font-weight:700;color:var(--color-primary);font-family:Orbitron,sans-serif}.header__nav{display:flex;gap:30px}.header__link{font-size:16px;font-weight:500;cursor:pointer;color:var(--color-text);text-decoration:none;transition:color .3s,transform .3s;font-family:Orbitron,sans-serif}.header__link:hover{color:var(--color-accent);transform:scale(1.1)}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:none;border:none;cursor:pointer;z-index:1100;margin-left:20px}.hamburger__bar{width:100%;height:3px;background-color:#fff;border-radius:2px}.logo-glitch{position:relative;font-size:28px;font-weight:700;font-family:Orbitron,sans-serif;color:var(--color-primary);text-shadow:0 0 5px var(--color-primary),0 0 10px var(--color-primary);animation:pulseLogo 1.5s infinite ease-in-out;cursor:pointer;transition:transform .3s ease}.logo-glitch:hover{transform:scale(1.1) rotate(-1deg);text-shadow:0 0 10px var(--color-accent),0 0 20px var(--color-accent)}@keyframes pulseLogo{0%{text-shadow:0 0 5px var(--color-primary)}50%{text-shadow:0 0 10px var(--color-primary),0 0 20px var(--color-accent)}to{text-shadow:0 0 5px var(--color-primary)}}@media (max-width: 800px){.header__nav{position:absolute;top:70px;right:20px;flex-direction:column;align-items:flex-end;background-color:#111;border:1px solid var(--color-primary);padding:20px;border-radius:8px;display:none}.header__nav.open,.hamburger{display:flex}.header{position:absolute}}.hero{display:flex;justify-content:space-between;align-items:center;padding:20vh 60px 0;gap:30px;width:70vw;margin:0 auto}.hero__content h1{font-size:48px;text-shadow:0 0 12px var(--color-primary)}.hero__content p{font-size:18px;max-width:500px;margin-top:10px;color:var(--color-text)}.hero__content button{margin-top:30px;background-color:var(--color-accent);color:#000;padding:14px 28px;font-weight:700;border-radius:8px;box-shadow:0 0 20px var(--color-accent);text-transform:uppercase;font-family:Orbitron,sans-serif;transition:all .3s ease}.hero__content button:hover{background-color:transparent;color:var(--color-accent);box-shadow:0 0 15px var(--color-accent),0 0 15px var(--color-accent),inset 0 0 10px var(--color-accent);border:2px solid var(--color-accent);cursor:pointer}.glitch{position:relative;font-size:64px;font-weight:800;color:var(--color-accent);text-transform:uppercase;letter-spacing:2px;overflow:hidden}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;left:0;width:100%;overflow:hidden;color:var(--color-accent);background:transparent;z-index:-1}.glitch:before{text-shadow:2px 0 red;animation:glitch-before 1.5s infinite linear alternate-reverse}.glitch:after{text-shadow:-2px 0 cyan;animation:glitch-after 1.5s infinite linear alternate-reverse}@keyframes glitch-before{0%{clip-path:inset(0 0 90% 0);transform:translate(0)}10%{clip-path:inset(10% 0 75% 0);transform:translate(-2px,-1px)}20%{clip-path:inset(20% 0 65% 0);transform:translate(2px,1px)}30%{clip-path:inset(30% 0 55% 0);transform:translate(-1px)}to{clip-path:inset(0 0 90% 0);transform:translate(0)}}@keyframes glitch-after{0%{clip-path:inset(85% 0 0 0);transform:translate(0)}10%{clip-path:inset(75% 0 10% 0);transform:translate(1px,-1px)}20%{clip-path:inset(65% 0 20% 0);transform:translate(-2px,2px)}30%{clip-path:inset(55% 0 30% 0);transform:translate(1px,1px)}to{clip-path:inset(85% 0 0 0);transform:translate(0)}}.hero__image-wrapper{position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:700px}.vhs-lines{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 4px);animation:vhsFlicker .2s infinite;pointer-events:none;z-index:5}@keyframes vhsFlicker{0%,to{opacity:.05}50%{opacity:.15}}.hero__image{animation:floatUpDown 6s ease-in-out infinite;position:relative;z-index:4;filter:brightness(.75);display:flex;flex-direction:column;align-items:center;animation:float 4s ease-in-out infinite}.hero__image img{width:100%;max-width:800px;object-fit:cover;opacity:.8}.orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.6;z-index:1;animation:pulseOrb 12s infinite ease-in-out}.orb--1{background:#b30cd8;width:600px;height:300px;top:-100px;left:-300px;animation-delay:0s}.orb--2{background:#891399;width:150px;height:200px;top:80px;right:0;animation-delay:2s}.orb--3{background:#4e0252;width:500px;height:250px;bottom:-100px;left:100px;animation-delay:4s}.orb--4{background:#320150;width:600px;height:350px;bottom:-60px;right:120px;animation-delay:6s}.orb--5{background:#53005e;width:300px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:8s}@keyframes pulseOrb{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.2) translateY(-20px)}}@keyframes floatUpDown{0%{transform:translateY(0)}50%{transform:translateY(-25px)}to{transform:translateY(0)}}.vhs-caption{color:#ffe600;font-size:18px;font-family:Orbitron,sans-serif;text-align:center;margin-top:12px;text-shadow:0 0 3px #ffe600,0 0 10px #ffe600;animation:vhsTextFloat 3s ease-in-out infinite;line-height:1.4}@keyframes vhsTextFloat{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}@media (max-width: 800px){.hero{flex-direction:column;padding-top:10vh;align-items:normal}.hero__content h1{font-size:2em}.hero__content p{font-size:1.1em}.orb--3,.orb--5{width:0;height:0}}.stack{padding:100px 60px;background-color:var(--color-bg);text-align:center;margin-top:10vh;height:70vh;display:flex;flex-direction:column;justify-content:center}.stack__title{color:var(--color-text);font-size:32px;margin-bottom:50px;text-transform:uppercase;letter-spacing:2px;font-family:Orbitron,sans-serif}.stack__logos{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;font-size:48px;color:#aaa}.stack__logos svg{transition:transform .3s ease}.stack__logos svg:hover{transform:scale(1.2);color:var(--color-accent)}.experience-section{display:flex;justify-content:space-between;padding:4rem 2rem;color:#f5f5f5;position:relative;height:100vh;gap:30px;width:80vw;margin:0 auto}.experience-left,.experience-right{width:50%;padding-right:2rem}.experience-title{font-size:2rem;letter-spacing:2px;color:#9903ac;margin-bottom:1rem}.experience-years{font-size:1.5rem;line-height:1.6}.experience-years span{color:#ff7efc;font-weight:700}.experience-right{width:60%;position:relative}.experience-heading{font-size:1.8rem;color:#fff;margin-bottom:2rem}.timeline{position:relative;padding-left:2rem}.timeline-line{position:absolute;top:0;left:10px;height:100%;width:2px;background:linear-gradient(to bottom,#610077,#9903ac,#9e01a6,#460071,#650072);animation:glow 2s ease-in-out infinite alternate;z-index:0}.timeline-item{position:relative;margin-bottom:2rem;animation:fadeInUp .6s ease forwards}.timeline-dot{width:16px;height:16px;background:#9903ac;border-radius:50%;position:absolute;left:0;top:4px;box-shadow:0 0 10px #9903ac;z-index:1;animation:neonPulse 2s infinite alternate}.timeline-content{margin-left:2rem;border-left:2px solid transparent;background-clip:padding-box;animation:shimmer 4s infinite linear}.timeline-content h4{font-size:1.2rem;color:#fff}.timeline-content h5{font-size:1rem;color:#aaa}.timeline-content span{font-style:italic;color:#9e01a6}.timeline-content p{font-size:.95rem;color:#ccc}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%{box-shadow:0 0 5px #9903ac}to{box-shadow:0 0 20px #f0f}}@keyframes neonPulse{0%{box-shadow:0 0 6px #9903ac}to{box-shadow:0 0 20px #f0f,0 0 40px #f0f}}@media (max-width: 800px){.experience-section{display:flex;flex-direction:column;margin:0 auto;height:auto}.experience-left,.experience-right{width:auto}}.projects-section{padding:4rem 2rem;color:#fff}.projects-header{text-align:center;margin-bottom:3rem}.section-title{font-size:2rem;color:#9e01a6;font-weight:600;margin-bottom:1rem}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;justify-content:center}.project-card{padding:1rem;border-radius:1rem;position:relative;overflow:hidden;background:#111;transition:transform .4s ease,box-shadow .4s ease;cursor:pointer}.project-card:hover{transform:translateY(-5px) rotateX(2deg) rotateY(-2deg);box-shadow:0 0 30px #9e01a6,0 0 60px #61007788}.card-image-wrapper{position:relative;border-radius:.7rem;overflow:hidden}.card-image{width:100%;display:block;border-radius:.7rem;transition:transform .3s ease}.project-card:hover .card-image{transform:scale(1.05)}.card-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#9903ac44,transparent 60%);opacity:0;transition:opacity .3s ease}.project-card:hover .card-glow{opacity:1}.project-tech{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.4rem}.tech-pill{background:#1c1c1c;border:1px solid #9903ac;padding:.3rem .7rem;font-size:.75rem;border-radius:999px;color:#ff7efc;text-transform:uppercase;letter-spacing:1px}.project-title{font-size:1.1rem;font-weight:600;margin-top:.7rem;color:#fff;text-align:center}@media (max-width: 1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.projects-grid{grid-template-columns:1fr}}.contact-section{display:flex;justify-content:center;padding:4rem 2rem;color:#fff;flex-wrap:wrap;gap:2rem;max-width:70vw;margin:0 auto;gap:20px;height:50vh}.contact-left{flex:1;min-width:300px;display:flex;flex-direction:column;justify-content:center}.contact-right{flex:1;min-width:300px;border-radius:1rem;padding:1.5rem;font-family:Fira Code,monospace;font-size:.9rem;line-height:1.6;display:flex;flex-direction:column;justify-content:center}.code-block{padding:1.5rem;font-family:Fira Code,monospace;font-size:1.2rem;line-height:1.6;color:#fff;white-space:pre-wrap}.code-yellow{color:#faff00}.code-white{color:#fff}.code-red{color:#ff4d4d}.code-cyan{color:#0ff}.code-blue{color:#3b82f6}.code-orange{color:#f90}.code-green{color:#00ff90}.contact-links a{color:#ff7efc;display:inline-block;margin:.3rem 0;font-weight:500;text-decoration:none;transition:.3s}.contact-links a:hover{color:#fff;text-shadow:0 0 8px #9903ac}:root{--color-bg: #0f0f0f;--color-primary: #ff0057;--color-accent: #00ffc8;--color-text: #e6e6e6;--color-hover: #7a00ff}body{margin:0;padding:0;background-color:var(--color-bg);color:var(--color-text);font-family:Rajdhani,sans-serif}