:root{--primary-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--accent-gradient:linear-gradient(135deg, #00c9ff 0%, #92fe9d 100%);--cyber-blue:#00d4ff;--cyber-purple:#7c3aed;--cyber-pink:#f472b6;--cyber-green:#34d399;--dark-bg:#0f172a;--card-bg:rgba(15, 23, 42, 0.8);--glow-color:rgba(0, 212, 255, 0.3)}@keyframes gradient-shift{0%{background-position:0}50%{background-position:100%}100%{background-position:0}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,100%{box-shadow:0 0 20px var(--glow-color)}50%{box-shadow:0 0 40px var(--glow-color),0 0 60px var(--glow-color)}}@keyframes typewriter{from{width:0}to{width:100%}}@keyframes blink-caret{from,to{border-color:transparent}50%{border-color:var(--cyber-blue)}}@keyframes slide-up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}.hb-section:first-child{position:relative;overflow:hidden}.hb-section:first-child::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%);pointer-events:none;z-index:1}.hb-section h1,.profile .profile-name{background:linear-gradient(90deg,#fff,var(--cyber-blue),var(--cyber-purple),#fff);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 8s ease infinite}.profile .profile-role{font-size:1.2rem;color:var(--cyber-blue);text-transform:uppercase;letter-spacing:3px;font-weight:600;margin-top:.5rem;animation:fade-in 1s ease-out .5s both}.profile .avatar{border:3px solid var(--cyber-blue);box-shadow:0 0 30px var(--glow-color);animation:pulse-glow 3s ease-in-out infinite;transition:transform .3s ease}.profile .avatar:hover{transform:scale(1.05)}.navbar{backdrop-filter:blur(10px);background:rgba(15,23,42,.95)!important;border-bottom:1px solid rgba(0,212,255,.2)}.navbar .nav-link{position:relative;transition:all .3s ease}.navbar .nav-link::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--primary-gradient);transition:all .3s ease;transform:translateX(-50%)}.navbar .nav-link:hover::after,.navbar .nav-link.active::after{width:80%}.navbar .nav-link:hover{color:var(--cyber-blue)!important;transform:translateY(-2px)}.navbar-brand{font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card,.article-card,.publication-card{background:var(--card-bg);border:1px solid rgba(0,212,255,.1);border-radius:16px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:slide-up .6s ease-out both}.card:hover,.article-card:hover,.publication-card:hover{transform:translateY(-8px)scale(1.02);border-color:var(--cyber-blue);box-shadow:0 20px 40px rgba(0,212,255,.2),0 0 30px rgba(0,212,255,.1)}.card .featured-image::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0%,rgba(15,23,42,.8) 100%);opacity:0;transition:opacity .3s ease}.card:hover .featured-image::before{opacity:1}.btn,button,.cta-button{position:relative;overflow:hidden;border-radius:8px;transition:all .3s ease}.btn-primary,.btn.btn-primary{background:var(--primary-gradient);border:none;padding:12px 28px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-primary:hover::before{left:100%}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(102,126,234,.4)}.section-heading h2,h2.section-title{font-size:2.5rem;font-weight:800;position:relative;display:inline-block;margin-bottom:2rem}.section-heading h2::after,h2.section-title::after{content:'';position:absolute;bottom:-10px;left:0;width:60px;height:4px;background:var(--primary-gradient);border-radius:2px}.skill-percentage{height:8px;background:rgba(0,212,255,.1);border-radius:4px;overflow:hidden;margin-top:8px}.skill-percentage .skill-bar{height:100%;background:var(--primary-gradient);border-radius:4px;animation:skill-fill 1.5s ease-out forwards;transform-origin:left}@keyframes skill-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}.timeline-item{position:relative;padding-left:30px;margin-bottom:2rem;animation:slide-up .6s ease-out both}.timeline-item::before{content:'';position:absolute;left:0;top:8px;width:12px;height:12px;background:var(--cyber-blue);border-radius:50%;box-shadow:0 0 15px var(--glow-color)}.timeline-item::after{content:'';position:absolute;left:5px;top:24px;width:2px;height:calc(100% + 1rem);background:linear-gradient(180deg,var(--cyber-blue),transparent)}.timeline-item:last-child::after{display:none}.citation-badge{display:inline-flex;align-items:center;gap:4px;background:rgba(0,212,255,.1);padding:4px 12px;border-radius:20px;font-size:.85rem;color:var(--cyber-blue);transition:all .3s ease}.citation-badge:hover{background:rgba(0,212,255,.2);transform:scale(1.05)}footer{background:var(--dark-bg);border-top:1px solid rgba(0,212,255,.1)}footer a{transition:color .3s ease}footer a:hover{color:var(--cyber-blue)!important}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(0,212,255,.1);transition:all .3s ease}.social-icon:hover{background:var(--cyber-blue);transform:translateY(-3px)rotate(360deg);box-shadow:0 10px 20px rgba(0,212,255,.3)}.dark{background:var(--dark-bg)}.dark .card,.dark .article-card{background:rgba(30,41,59,.8)}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.research-area-card{padding:2rem;border-radius:16px;background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%);border:1px solid rgba(0,212,255,.2);text-align:center;transition:all .4s ease}.research-area-card:hover{transform:translateY(-10px);border-color:var(--cyber-blue);box-shadow:0 20px 40px rgba(0,212,255,.2)}.research-area-card .icon{font-size:3rem;margin-bottom:1rem;display:block}.animate-on-scroll{opacity:0;transform:translateY(20px);transition:all .6s ease-out}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.tag,.badge{background:rgba(124,58,237,.2);color:var(--cyber-purple);padding:4px 12px;border-radius:20px;font-size:.8rem;transition:all .3s ease;border:1px solid transparent}.tag:hover,.badge:hover{background:var(--cyber-purple);color:#fff;transform:scale(1.05)}.card:nth-child(1){animation-delay:.1s}.card:nth-child(2){animation-delay:.2s}.card:nth-child(3){animation-delay:.3s}.card:nth-child(4){animation-delay:.4s}.card:nth-child(5){animation-delay:.5s}.card:nth-child(6){animation-delay:.6s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:var(--primary-gradient);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--cyber-blue)}.glass{background:rgba(255,255,255,5%);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px}blockquote{position:relative;padding:1.5rem 2rem;margin:2rem 0;border-left:4px solid var(--cyber-blue);background:rgba(0,212,255,5%);border-radius:0 16px 16px 0;font-style:italic}blockquote::before{content:'"';position:absolute;top:-20px;left:20px;font-size:4rem;color:var(--cyber-blue);opacity:.3}.profile .network-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(0,212,255,.1);margin:0 8px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.profile .network-icon:hover{background:var(--cyber-blue);transform:translateY(-5px)scale(1.1);box-shadow:0 10px 25px rgba(0,212,255,.4)}.profile .network-icon svg{width:20px;height:20px}