/* Mobile-First Widget Design *//* Reset and base styles */*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);}:root{--widget-bg:#ffffff;--widget-shadow:none;--widget-border-radius:0;--primary-color:#3273dc;--link-color:#3273dc;--text-dark:#333333;--text-light:#4a4a4a;--border-color:#e0e0e0;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2.5rem;--spacing-xl:4rem;--gradient-1:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-2:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--gradient-3:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);}body{font-family:'Roboto',sans-serif;color:var(--text-dark);background:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}/* Performance optimizations for animations */.widget-card,.btn-social,.btn-visit,.header-mobile,.nav-link{will-change:transform;transform:translateZ(0);backface-visibility:hidden;}min-height:100vh;overflow-x:hidden;line-height:1.6;position:relative;}/* Particle canvas container */#particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:0.5;}/* Scroll Sequence Background */#scroll-sequence-container{display:none;}#scroll-sequence{display:none;}/* Mobile Navigation */.header-mobile{position:sticky;top:0;z-index:1001;background:rgba(255,255,255,1);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);box-shadow:0 2px 8px rgba(0,0,0,0.05);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);}.header-mobile:hover{background:rgba(255,255,255,0.85);box-shadow:0 8px 24px rgba(50,115,220,0.12);border-bottom-color:rgba(50,115,220,0.2);}.header-mobile .navbar{padding:1rem 0;}.header-mobile .navbar-brand{font-size:1.25rem;font-weight:600;color:var(--text-dark);letter-spacing:0;}.header-mobile .nav-link{color:var(--text-light);font-weight:400;padding:0.5rem 1rem;transition:all 0.3s ease;font-size:0.95rem;position:relative;}.header-mobile .nav-link:hover{color:var(--primary-color);background:transparent;transform:translateY(-2px);}.header-mobile .nav-link::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:2px;background:var(--primary-color);transition:width 0.3s ease;}.header-mobile .nav-link:hover::after{width:80%;}.header-mobile:hover{background:rgba(255,255,255,0.85);box-shadow:0 8px 24px rgba(50,115,220,0.12);border-bottom-color:rgba(50,115,220,0.2);}/* Animated Hamburger Menu */.navbar-toggler{border:none;padding:0.5rem;background:transparent;position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;}.navbar-toggler:focus{outline:none;box-shadow:none;}.hamburger-box{width:30px;height:24px;display:inline-block;position:relative;}.hamburger-inner{display:block;top:50%;margin-top:-2px;}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:30px;height:3px;background-color:var(--text-dark);border-radius:4px;position:absolute;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),opacity 0.3s cubic-bezier(0.4,0,0.2,1),background-color 0.3s ease;}.hamburger-inner::before,.hamburger-inner::after{content:"";display:block;}.hamburger-inner::before{top:-9px;}.hamburger-inner::after{bottom:-9px;}/* Active state - Transform to X */.navbar-toggler:not(.collapsed) .hamburger-inner{transform:rotate(45deg);background-color:var(--primary-color);}.navbar-toggler:not(.collapsed) .hamburger-inner::before{top:0;opacity:0;transform:rotate(-90deg);}.navbar-toggler:not(.collapsed) .hamburger-inner::after{bottom:0;transform:rotate(-90deg);background-color:var(--primary-color);}/* Hover effect */.navbar-toggler:hover .hamburger-inner,.navbar-toggler:hover .hamburger-inner::before,.navbar-toggler:hover .hamburger-inner::after{background-color:var(--primary-color);}/* Main Content */.main{position:relative;z-index:10;padding-top:2rem;background:transparent;}.header-mobile{position:sticky;top:0;z-index:1001;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);box-shadow:0 1px 2px rgba(0,0,0,0.05);}/* Widget Sections */.widget-section{min-height:auto;display:flex;align-items:center;padding:2rem 0;scroll-margin-top:80px;opacity:0;transform:translateY(50px);transition:opacity 0.8s ease-out,transform 0.8s ease-out;position:relative;background:transparent;z-index:10;}.widget-section.aos-animate{opacity:1;transform:translateY(0);}.widget-card{background:rgba(255,255,255,1);backdrop-filter:blur(10px);border-radius:20px;padding:var(--spacing-lg) var(--spacing-md);box-shadow:0 10px 30px rgba(0,0,0,0.08);margin-bottom:var(--spacing-lg);max-width:900px;margin-left:auto;margin-right:auto;border:1px solid rgba(0,0,0,0.05);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;z-index:10;}.widget-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(50,115,220,0.05),transparent);transition:left 0.6s ease;}.widget-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px rgba(50,115,220,0.15);border-color:rgba(50,115,220,0.2);background:rgba(255,255,255,0.85);}.widget-card:hover::before{left:100%;}/* Widget Titles */.widget-title{font-size:1.75rem;font-weight:600;color:var(--text-dark);margin-bottom:var(--spacing-md);padding-bottom:0.5rem;border-bottom:2px solid var(--border-color);position:relative;transition:color 0.3s ease;}.widget-title::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary-color),#667eea);transition:width 0.6s ease;}.widget-card:hover .widget-title::after{width:100%;}.widget-card:hover .widget-title{color:var(--primary-color);}.widget-title i{display:inline-block;margin-right:0.5rem;opacity:0.8;transition:transform 0.3s ease,opacity 0.3s ease;}.widget-card:hover .widget-title i{transform:scale(1.2) rotate(5deg);opacity:1;}.widget-content{font-size:1rem;line-height:1.8;color:var(--text-light);transition:color 0.3s ease;}.widget-card:hover .widget-content{color:var(--text-dark);}/* Hero Widget */.hero-widget{text-align:center;padding-top:var(--spacing-xl);}.hero-widget .widget-card{background:rgba(255,255,255,1);}.hero-widget .profile-img{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:var(--spacing-md);border:4px solid var(--primary-color);box-shadow:0 8px 25px rgba(50,115,220,0.3);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);display:block;margin-left:auto;margin-right:auto;}.hero-widget .widget-card:hover .profile-img{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 40px rgba(50,115,220,0.4);border-color:#667eea;}.hero-title{font-size:2.25rem;font-weight:600;margin-bottom:0.75rem;color:var(--text-dark);line-height:1.2;transition:color 0.3s ease,transform 0.3s ease;}.hero-widget .widget-card:hover .hero-title{color:var(--primary-color);}.hero-subtitle{font-size:1.1rem;color:var(--text-light);font-weight:400;margin-bottom:var(--spacing-sm);line-height:1.5;transition:color 0.3s ease;}.hero-widget .widget-card:hover .hero-subtitle{color:var(--primary-color);}.hero-tagline{font-size:1rem;color:var(--text-light);margin-bottom:var(--spacing-md);font-style:italic;min-height:auto;transition:transform 0.3s ease;}.hero-widget .widget-card:hover .hero-tagline{color:var(--primary-color);}.hero-description{font-size:1rem;color:var(--text-light);margin-bottom:var(--spacing-sm);transition:color 0.3s ease;}.hero-widget .widget-card:hover .hero-description{color:var(--text-dark);}/* Social Links */.social-links{margin-top:var(--spacing-md);display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;justify-content:center;}.btn-social{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;background:linear-gradient(135deg,var(--primary-color),#667eea);color:white;border-radius:30px;font-weight:500;text-decoration:none;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 15px rgba(50,115,220,0.3);font-size:0.95rem;position:relative;overflow:hidden;}.btn-social::before{content:'';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.5s ease,height 0.5s ease;}.btn-social:hover::before{width:300px;height:300px;}.btn-social:hover{background:linear-gradient(135deg,#667eea,var(--primary-color));transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px rgba(50,115,220,0.4);color:white;text-decoration:none;}.btn-social i{transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;z-index:1;}.btn-social:hover i{transform:scale(1.2) rotate(10deg);}.btn-social span{position:relative;z-index:1;}/* About Widget */.about-widget .widget-card{background:rgba(255,255,255,1);}.about-widget .widget-content p{margin-bottom:var(--spacing-md);transition:transform 0.3s ease;}.about-widget .widget-card:hover .widget-content p{transform:translateX(5px);}.about-widget .widget-content h3{transition:color 0.3s ease;}.about-widget .widget-card:hover .widget-content h3{color:var(--primary-color);}/* Education Widget */.education-widget .widget-card{background:rgba(255,255,255,1);}/* Research Widget */.research-widget .widget-card{background:rgba(255,255,255,1);}/* Services Widget */.services-widget .widget-card{background:rgba(255,255,255,1);}/* Resume Widget */.resume-container{border-radius:12px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.1);}.resume-container object{border:none;border-radius:12px;}/* Research Grid */.research-grid{display:grid;gap:var(--spacing-md);grid-template-columns:1fr;}.research-item{width:100%;opacity:0;animation:fadeInUp 0.6s ease forwards;}.research-item:nth-child(1){animation-delay:0.1s;}.research-item:nth-child(2){animation-delay:0.2s;}.research-item:nth-child(3){animation-delay:0.3s;}.research-item:nth-child(4){animation-delay:0.4s;}.research-item:nth-child(5){animation-delay:0.5s;}@keyframes fadeInUp{to{opacity:1;}}/* Services Grid */.services-grid{display:grid;gap:var(--spacing-md);grid-template-columns:1fr;}.service-item{width:100%;opacity:0;transform:translateX(-30px);animation:fadeInRight 0.6s ease forwards;}.service-item:nth-child(1){animation-delay:0.1s;}.service-item:nth-child(2){animation-delay:0.2s;}.service-item:nth-child(3){animation-delay:0.3s;}.service-item:nth-child(4){animation-delay:0.4s;}.service-item:nth-child(5){animation-delay:0.5s;}.service-item:nth-child(6){animation-delay:0.6s;}@keyframes fadeInRight{to{opacity:1;transform:translateX(0);}}/* Flip Cards */.flip-card{background-color:transparent;width:100%;height:auto;perspective:none;cursor:pointer;transition:none;transform:none !important;}.flip-card-inner{position:relative;width:100%;height:auto;text-align:left;transform-style:flat;background:linear-gradient(135deg,#f0f4ff 0%,#ffffff 100%);border-radius:15px;padding:var(--spacing-md);box-shadow:0 5px 20px rgba(0,0,0,0.08);border:1px solid rgba(50,115,220,0.1);transition:none !important;transform:none !important;}.flip-card-front,.flip-card-back{position:relative;width:100%;height:auto;backface-visibility:visible;border-radius:0;display:block;padding:0;box-shadow:none;border-bottom:none;}.flip-card-front{background:transparent;color:var(--text-dark);position:relative;z-index:10;}.flip-card-back{display:none;}.card-icon{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;background:linear-gradient(135deg,var(--primary-color),#667eea);border-radius:12px;color:white;font-size:1.5rem;margin-bottom:1rem;box-shadow:0 4px 15px rgba(50,115,220,0.3);transition:none !important;transform:none !important;}.card-title{font-size:1.1rem;font-weight:600;margin-bottom:0.5rem;line-height:1.5;color:var(--text-dark);transition:none !important;transform:none !important;}.card-authors{font-size:0.9rem;opacity:0.8;margin-bottom:0.75rem;line-height:1.6;color:var(--text-light);transition:none !important;transform:none !important;}.btn-visit{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1.25rem;background:linear-gradient(135deg,var(--primary-color),#667eea);color:white;border-radius:25px;font-weight:500;text-decoration:none;margin-top:0.5rem;font-size:0.9rem;position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(50,115,220,0.3);z-index:100;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}.btn-visit::before{content:'';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.5s ease,height 0.5s ease;}.btn-visit:hover::before{width:300px;height:300px;}.btn-visit:hover{background:linear-gradient(135deg,#667eea,var(--primary-color));transform:translateY(-3px) scale(1.05);color:white;text-decoration:none;box-shadow:0 8px 25px rgba(50,115,220,0.4);}.btn-visit i,.btn-visit span{position:relative;z-index:1;}.btn-visit::after{content:'→';display:inline-block;margin-left:4px;position:relative;z-index:1;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);}.btn-visit:hover::after{transform:translateX(4px);}/* Contact Widget */.contact-widget .widget-card{background:rgba(255,255,255,1);}.email-link{color:var(--link-color);font-weight:500;text-decoration:none;position:relative;transition:all 0.3s ease;padding-bottom:2px;}.email-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary-color),#667eea);transition:width 0.3s ease;}.email-link:hover{color:var(--primary-color);}.email-link:hover::after{width:100%;}/* Scroll Top Button */#scroll-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:linear-gradient(135deg,var(--primary-color),#667eea);color:white;border-radius:50%;opacity:0;visibility:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);z-index:999;border:none;box-shadow:0 4px 20px rgba(50,115,220,0.4);display:flex;align-items:center;justify-content:center;cursor:pointer;}#scroll-top.active{opacity:1;visibility:visible;animation:bounce 2s infinite;}#scroll-top:hover{transform:translateY(-5px) scale(1.1);background:linear-gradient(135deg,#667eea,var(--primary-color));box-shadow:0 6px 30px rgba(50,115,220,0.5);}@keyframes bounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}@keyframes bounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}/* Additional Animations */@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.7;}}@keyframes slideInFromLeft{from{opacity:0;transform:translateX(-50px);}to{opacity:1;transform:translateX(0);}}@keyframes slideInFromRight{from{opacity:0;transform:translateX(50px);}to{opacity:1;transform:translateX(0);}}@keyframes scaleIn{from{opacity:0;transform:scale(0.8);}to{opacity:1;transform:scale(1);}}/* Widget-specific hover effects */.widget-card::after{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#3273dc,#667eea,#764ba2,#f093fb);border-radius:22px;z-index:-1;opacity:0;transition:opacity 0.4s ease;background-size:300% 300%;animation:gradientShift 4s ease infinite;}.widget-card:hover::after{opacity:0.3;}@keyframes gradientShift{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}/* Tablet Styles */@media (min-width:768px){.widget-card{padding:var(--spacing-xl) var(--spacing-lg);}.hero-title{font-size:2.75rem;}.hero-subtitle{font-size:1.25rem;}.hero-tagline{font-size:1.05rem;}.widget-title{font-size:2rem;}.services-grid{grid-template-columns:repeat(2,1fr);}.research-grid{grid-template-columns:1fr;}.flip-card{height:auto;}}/* Desktop Styles */@media (min-width:1024px){.main{padding-top:0;}.header-mobile .navbar{padding:1rem 0;}.services-grid{grid-template-columns:repeat(2,1fr);}.flip-card{height:auto;}.widget-title{font-size:2.25rem;}.widget-card{max-width:800px;}}/* Large Desktop */@media (min-width:1400px){.container{max-width:1200px;}}/* Smooth Scrolling */html{scroll-behavior:smooth;}/* Respect user's motion preferences */@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}}/* Mobile Performance Optimizations */@media (max-width:767px){/* Reduce animation complexity on mobile */ .widget-card{will-change:auto;}.widget-card:hover{transform:translateY(-4px) scale(1.01);}/* Disable expensive gradient animations on mobile */ .widget-card::after{animation:none;}/* Simplify button hover effects */ .btn-social:hover,.btn-visit:hover{transform:translateY(-2px) scale(1.03);}.btn-social::before,.btn-visit::before{width:200px;height:200px;}/* Improve touch targets */ .nav-link,.btn,.btn-social,.btn-visit{min-height:44px;min-width:44px;}/* Reduce padding for better mobile fit */ .widget-card{padding:var(--spacing-md);}/* Disable hover effects on touch devices */ @media (hover:none){.widget-card:hover{transform:none;box-shadow:var(--shadow-md);}.header-mobile:hover{background:rgba(255,255,255,0.95);box-shadow:var(--shadow-md);}/* Reset button states to default on touch devices */ .btn-social:hover,.btn-visit:hover{background:linear-gradient(135deg,var(--primary-color),#667eea);transform:none;box-shadow:0 4px 15px rgba(50,115,220,0.3);}.btn-social::before,.btn-visit::before{display:none;}.btn-social:hover i{transform:none;}.btn-visit:hover::after{transform:none;}}}/* Selection */::selection{background:#e8f0fe;color:var(--text-dark);}::-moz-selection{background:#e8f0fe;color:var(--text-dark);}