@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Orbitron:wght@400;500;700;900&family=Rajdhani:wght@300;500;700&display=swap";:root{--bg-dark: #050505;--bg-panel: #121212;--bg-panel-transparent: rgba(18, 18, 18, .8);--primary: #bf00ff;--primary-glow: rgba(191, 0, 255, .6);--secondary: #00f3ff;--secondary-glow: rgba(0, 243, 255, .6);--accent: #ffd700;--accent-glow: rgba(255, 215, 0, .6);--text-main: #e0e0e0;--text-muted: #a0a0a0;--text-highlight: #ffffff;--font-heading: "Orbitron", sans-serif;--font-subheading: "Rajdhani", sans-serif;--font-body: "Inter", sans-serif;--neon-shadow: 0 0 10px var(--primary-glow), 0 0 20px var(--primary-glow);--cyan-shadow: 0 0 10px var(--secondary-glow), 0 0 20px var(--secondary-glow);--glass-bg: rgba(255, 255, 255, .03);--glass-border: 1px solid rgba(255, 255, 255, .1);--transition-speed: .3s}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-highlight);text-transform:uppercase;letter-spacing:2px}a{color:var(--secondary);text-decoration:none;transition:var(--transition-speed)}a:hover{color:var(--primary);text-shadow:0 0 8px var(--primary)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 0;position:relative}.btn{display:inline-block;padding:12px 30px;background:transparent;border:2px solid var(--accent);color:var(--accent);font-family:var(--font-heading);font-weight:700;text-transform:uppercase;cursor:pointer;transition:all var(--transition-speed);position:relative;overflow:hidden}.btn:hover{background:var(--accent);color:#000;box-shadow:0 0 10px var(--accent-glow),0 0 20px var(--accent-glow)}.glitch-text{position:relative}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}.header{position:fixed;top:0;left:0;width:100%;padding:20px 0;background:#050505e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid rgba(191,0,255,.1)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:900;color:var(--primary);letter-spacing:4px}.nav-link{margin-left:30px;font-family:var(--font-subheading);font-weight:500;text-transform:uppercase;font-size:.9rem;color:var(--text-muted)}.nav-link:hover{color:var(--accent);text-shadow:0 0 5px var(--accent-glow)}.hero{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at center,#1a0b2e,#050505 70%)}.hero-icon{width:180px;height:180px;margin:0 auto 30px;display:block;animation:float 3s ease-in-out infinite,iconGlitch 3s infinite;filter:drop-shadow(0 0 10px rgba(255,215,0,.4))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes iconGlitch{0%,90%,to{filter:drop-shadow(0 0 10px rgba(255,215,0,.4))}91%{filter:drop-shadow(-3px 0 0 #ff00c1) drop-shadow(3px 0 0 #00fff9);transform:translate(-2px) skew(-2deg)}92%{filter:drop-shadow(3px 0 0 #ff00c1) drop-shadow(-3px 0 0 #00fff9);transform:translate(2px) skew(2deg)}93%{filter:drop-shadow(0 0 10px rgba(255,215,0,.4));transform:translate(0) skew(0)}94%{filter:drop-shadow(-2px 0 0 #00fff9) drop-shadow(2px 0 0 #ff00c1);transform:translate(-1px)}95%{filter:drop-shadow(0 0 10px rgba(255,215,0,.4));transform:translate(0)}}.hero-title{font-size:4rem;margin-bottom:20px;position:relative;display:block}.hero-subtitle{font-size:1.2rem;color:var(--text-muted);margin-bottom:40px;font-family:var(--font-subheading);letter-spacing:2px}.glitch-text{animation:glitch-skew 1s infinite;animation-timing-function:steps(10)}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;pointer-events:none}.glitch-text:before{left:2px;text-shadow:-2px 0 #ff00c1;clip-path:polygon(0 0,100% 0,100% 45%,0 45%);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:2px 0 #00fff9;clip-path:polygon(0 80%,100% 20%,100% 100%,0 100%);animation:glitch-anim2 5s infinite linear alternate-reverse}@keyframes glitch-skew{0%{text-shadow:.05em 0 0 #ff00c1,-.05em -.025em 0 #00fff9,-.025em .05em 0 #bf00ff}14%{text-shadow:.05em 0 0 #ff00c1,-.05em -.025em 0 #00fff9,-.025em .05em 0 #bf00ff}15%{text-shadow:-.05em -.025em 0 #ff00c1,.025em .025em 0 #00fff9,-.05em -.05em 0 #bf00ff}49%{text-shadow:-.05em -.025em 0 #ff00c1,.025em .025em 0 #00fff9,-.05em -.05em 0 #bf00ff}50%{text-shadow:.025em .05em 0 #ff00c1,.05em 0 0 #00fff9,0 -.05em 0 #bf00ff}99%{text-shadow:.025em .05em 0 #ff00c1,.05em 0 0 #00fff9,0 -.05em 0 #bf00ff}to{text-shadow:-.025em 0 0 #ff00c1,-.025em -.025em 0 #00fff9,-.025em -.05em 0 #bf00ff}}@keyframes glitch-anim{0%{clip:rect(30px,9999px,10px,0)}5%{clip:rect(80px,9999px,20px,0)}10%{clip:rect(10px,9999px,90px,0)}15%{clip:rect(50px,9999px,40px,0)}20%{clip:rect(20px,9999px,60px,0)}25%{clip:rect(90px,9999px,10px,0)}30%{clip:rect(10px,9999px,80px,0)}35%{clip:rect(60px,9999px,30px,0)}40%{clip:rect(40px,9999px,50px,0)}45%{clip:rect(70px,9999px,20px,0)}50%{clip:rect(20px,9999px,90px,0)}55%{clip:rect(50px,9999px,10px,0)}60%{clip:rect(10px,9999px,40px,0)}65%{clip:rect(80px,9999px,60px,0)}70%{clip:rect(30px,9999px,20px,0)}75%{clip:rect(60px,9999px,80px,0)}80%{clip:rect(20px,9999px,50px,0)}85%{clip:rect(90px,9999px,10px,0)}90%{clip:rect(40px,9999px,70px,0)}95%{clip:rect(70px,9999px,30px,0)}to{clip:rect(10px,9999px,50px,0)}}@keyframes glitch-anim2{0%{clip:rect(60px,9999px,90px,0)}5%{clip:rect(10px,9999px,40px,0)}10%{clip:rect(50px,9999px,10px,0)}15%{clip:rect(90px,9999px,60px,0)}20%{clip:rect(30px,9999px,20px,0)}25%{clip:rect(70px,9999px,50px,0)}30%{clip:rect(20px,9999px,80px,0)}35%{clip:rect(80px,9999px,10px,0)}40%{clip:rect(40px,9999px,70px,0)}45%{clip:rect(10px,9999px,30px,0)}50%{clip:rect(60px,9999px,90px,0)}55%{clip:rect(30px,9999px,50px,0)}60%{clip:rect(90px,9999px,20px,0)}65%{clip:rect(50px,9999px,10px,0)}70%{clip:rect(10px,9999px,60px,0)}75%{clip:rect(70px,9999px,30px,0)}80%{clip:rect(20px,9999px,80px,0)}85%{clip:rect(60px,9999px,40px,0)}90%{clip:rect(30px,9999px,10px,0)}95%{clip:rect(80px,9999px,50px,0)}to{clip:rect(40px,9999px,90px,0)}}.section-title{font-size:2.5rem;margin-bottom:50px;text-align:center;color:var(--text-highlight);text-shadow:0 0 10px var(--primary-glow);position:relative;display:inline-block;left:50%;transform:translate(-50%)}.section-title:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:2px;background:var(--primary);box-shadow:var(--neon-shadow)}.bio-content{background:var(--bg-panel-transparent);padding:40px;border:var(--glass-border);border-radius:10px;box-shadow:0 0 20px #00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);max-width:800px;margin:0 auto;position:relative;overflow:hidden}.bio-content:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--secondary);box-shadow:var(--cyan-shadow)}.bio-text{font-size:1.1rem;color:var(--text-main);margin-bottom:20px}.bio-highlight{color:var(--accent);font-weight:600}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline:after{content:"";position:absolute;width:2px;background:var(--primary);top:0;bottom:0;left:50%;margin-left:-1px;box-shadow:var(--neon-shadow)}.timeline-item{padding:10px 40px;position:relative;background-color:inherit;width:50%}.timeline-item:after{content:"";position:absolute;width:20px;height:20px;right:-10px;background-color:var(--bg-dark);border:2px solid var(--secondary);top:15px;border-radius:50%;z-index:1;box-shadow:var(--cyan-shadow)}.left{left:0}.right{left:50%}.left:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;right:30px;border:medium solid var(--primary);border-width:10px 0 10px 10px;border-color:transparent transparent transparent var(--primary)}.right:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;left:30px;border:medium solid var(--primary);border-width:10px 10px 10px 0;border-color:transparent var(--primary) transparent transparent}.right:after{left:-10px}.timeline-content{padding:20px 30px;background:var(--bg-panel);position:relative;border-radius:6px;border:1px solid var(--primary);box-shadow:0 0 10px #bf00ff33;transition:transform var(--transition-speed)}.timeline-content:hover{transform:scale(1.02);box-shadow:var(--neon-shadow)}.timeline-date{color:var(--accent);font-family:var(--font-subheading);font-weight:700;margin-bottom:10px;display:block}.timeline-title{font-size:1.2rem;color:var(--text-highlight);margin-bottom:5px}.timeline-subtitle{font-size:.9rem;color:var(--text-muted);margin-bottom:15px;font-style:italic}@media screen and (max-width:600px){.timeline:after{left:31px}.timeline-item{width:100%;padding-left:70px;padding-right:25px}.timeline-item:before{left:60px;border:medium solid white;border-width:10px 10px 10px 0;border-color:transparent white transparent transparent}.left:after,.right:after{left:21px}.right{left:0%}.left:before,.right:before{border-color:transparent var(--primary) transparent transparent;border-width:10px 10px 10px 0;left:60px}}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1000px;margin:0 auto}.skill-category{background:var(--bg-panel);padding:25px;border-radius:8px;border:1px solid rgba(191,0,255,.3);transition:transform var(--transition-speed)}.skill-category:hover{transform:translateY(-5px);box-shadow:var(--neon-shadow)}.skill-category h3{color:var(--secondary);margin-bottom:20px;font-size:1.2rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.skill-tags{display:flex;flex-wrap:wrap;gap:10px}.skill-tags span{background:#bf00ff1a;color:var(--text-main);padding:5px 12px;border-radius:4px;font-size:.9rem;border:1px solid rgba(191,0,255,.2);transition:all .2s}.skill-tags span:hover{background:var(--primary);color:#fff;box-shadow:0 0 10px var(--primary-glow)}.education-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1000px;margin:0 auto}.edu-card{background:var(--bg-panel-transparent);padding:30px;border-left:4px solid var(--secondary);border-radius:0 8px 8px 0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.edu-card h3{color:var(--text-highlight);font-size:1.3rem;margin-bottom:10px}.edu-degree{color:var(--secondary);font-weight:600;margin-bottom:5px}.edu-date{color:var(--text-muted);font-size:.9rem;font-style:italic}.contact-content{text-align:center;max-width:600px;margin:0 auto}.contact-text{font-size:1.2rem;margin-bottom:30px;color:var(--text-main)}.contact-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.contact-link{display:inline-block;padding:10px 25px;background:#ffffff0d;border:1px solid var(--secondary);color:var(--secondary);border-radius:30px;font-family:var(--font-heading);font-size:.9rem;transition:all var(--transition-speed)}.contact-link:hover{background:var(--secondary);color:var(--bg-dark);box-shadow:var(--cyan-shadow);transform:scale(1.05)}.photography{padding-bottom:0}.photo-section-subtitle{text-align:center;color:var(--text-muted);font-family:var(--font-subheading);font-size:1.1rem;margin-top:-30px;margin-bottom:40px;letter-spacing:1px}.photo-map-wrapper{position:relative;width:100%;height:80vh;min-height:600px}#photo-map{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.carousel-overlay{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:20px;background:linear-gradient(to top,rgba(5,5,5,.9) 0%,rgba(5,5,5,.7) 70%,transparent 100%)}.carousel-info{text-align:center;margin-bottom:15px}.carousel-info h3{font-family:var(--font-heading);font-size:1.4rem;color:var(--accent);margin-bottom:5px;text-shadow:0 0 10px var(--accent-glow),0 2px 10px rgba(0,0,0,.8)}.carousel-info p{color:var(--text-muted);font-family:var(--font-subheading);font-size:.9rem}.carousel-container{position:relative;overflow:hidden;padding:10px 0}.carousel-container:before,.carousel-container:after{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:10;pointer-events:none}.carousel-container:before{left:0;background:linear-gradient(to right,rgba(5,5,5,.8) 0%,transparent 100%)}.carousel-container:after{right:0;background:linear-gradient(to left,rgba(5,5,5,.8) 0%,transparent 100%)}.carousel-track{display:flex;align-items:center;gap:20px;padding:0 calc(50% - 150px);transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.carousel-item{flex-shrink:0;width:280px;height:180px;border-radius:10px;overflow:hidden;cursor:pointer;transition:all .4s ease;opacity:.4;transform:scale(.85);filter:blur(2px) brightness(.7);border:2px solid transparent}.carousel-item.active{opacity:1;transform:scale(1);filter:blur(0) brightness(1);border-color:var(--accent);box-shadow:0 0 30px var(--accent-glow),0 10px 40px #00000080}.carousel-item.adjacent{opacity:.6;transform:scale(.9);filter:blur(1px) brightness(.8)}.carousel-item:hover{border-color:var(--secondary)}.carousel-item img{width:100%;height:100%;object-fit:cover;display:block}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:2000;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.lightbox.active{display:flex;opacity:1}.lightbox img{max-width:90%;max-height:85vh;object-fit:contain;border-radius:8px;box-shadow:0 0 50px var(--primary-glow)}.lightbox-close{position:absolute;top:20px;right:30px;background:none;border:none;color:var(--text-highlight);font-size:3rem;cursor:pointer;transition:all var(--transition-speed);z-index:2001}.lightbox-close:hover{color:var(--accent);transform:scale(1.2)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:var(--bg-panel-transparent);border:2px solid var(--secondary);color:var(--secondary);font-size:2rem;width:60px;height:60px;border-radius:50%;cursor:pointer;transition:all var(--transition-speed);display:flex;align-items:center;justify-content:center}.lightbox-nav:hover{background:var(--secondary);color:var(--bg-dark);box-shadow:var(--cyan-shadow)}.lightbox-prev{left:30px}.lightbox-next{right:30px}.lightbox-info{position:absolute;bottom:30px;left:50%;transform:translate(-50%);text-align:center;padding:15px 30px;background:var(--bg-panel-transparent);border-radius:30px;border:1px solid rgba(191,0,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lightbox-info h3{font-family:var(--font-heading);font-size:1.2rem;color:var(--accent);margin-bottom:5px}.lightbox-info p{color:var(--text-muted);font-family:var(--font-subheading);font-size:.9rem}.custom-marker{background:var(--primary);border:3px solid var(--text-highlight);border-radius:50%;width:20px!important;height:20px!important;box-shadow:0 0 15px var(--primary-glow);transition:all var(--transition-speed)}.custom-marker.active{background:var(--accent);border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow);transform:scale(1.5)}.custom-marker:hover{transform:scale(1.3)}.leaflet-popup-content-wrapper{background:var(--bg-panel);border:1px solid var(--primary);border-radius:8px;box-shadow:0 0 20px var(--primary-glow)}.leaflet-popup-content{color:var(--text-highlight);font-family:var(--font-heading);font-size:.9rem;margin:10px 15px}.leaflet-popup-tip{background:var(--bg-panel);border:1px solid var(--primary)}.leaflet-container{background:var(--bg-dark)}@media screen and (max-width:768px){.photo-map-wrapper{height:70vh;min-height:500px}.carousel-item{width:200px;height:130px}.carousel-track{padding:0 calc(50% - 100px)}.carousel-container:before,.carousel-container:after{width:50px}.lightbox-nav{width:45px;height:45px;font-size:1.5rem}.lightbox-prev{left:15px}.lightbox-next{right:15px}}.footer{background:var(--bg-panel);padding:30px 0;text-align:center;border-top:1px solid rgba(191,0,255,.2)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.footer-content>p{margin:0}.visitor-counter{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-panel-transparent);border-radius:20px;border:1px solid rgba(191,0,255,.3);font-family:var(--font-subheading)}.visitor-icon{font-size:1.1rem}.visitor-count{font-family:var(--font-heading);font-size:1.1rem;color:var(--accent);text-shadow:0 0 8px var(--accent-glow);min-width:40px;text-align:center}.visitor-label{color:var(--text-muted);font-size:.85rem}@media screen and (max-width:600px){.footer-content{justify-content:center;flex-direction:column}}
