*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#2c3e50;background:linear-gradient(135deg, #fdf6e3 0%, #f8f4e6 100%);overflow-x:hidden}.page-wrapper{min-height:100vh;position:relative}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg, #ff6b35 0%, #d63031 50%, #8b4513 100%);color:white;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%, rgba(255,107,53,0.3) 0%, transparent 50%),radial-gradient(circle at 80% 70%, rgba(243,156,18,0.3) 0%, transparent 50%),radial-gradient(circle at 40% 80%, rgba(214,48,49,0.3) 0%, transparent 50%);animation:float 20s ease-in-out infinite;pointer-events:none}.hero::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 20%, rgba(255,255,255,0.1) 1px, transparent 1px),radial-gradient(circle at 90% 80%, rgba(255,255,255,0.1) 1px, transparent 1px),radial-gradient(circle at 70% 30%, rgba(255,255,255,0.1) 1px, transparent 1px);animation:fireflies 15s ease-in-out infinite;pointer-events:none}@keyframes float{0%, 100%{transform:translateY(0px) rotate(0deg)}33%{transform:translateY(-20px) rotate(2deg)}66%{transform:translateY(20px) rotate(-2deg)}}@keyframes fireflies{0%, 100%{opacity:0.3;transform:translateY(0px)}50%{opacity:1;transform:translateY(-30px)}}.hero-content{max-width:800px;padding:0 20px;position:relative;z-index:1;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.profile-image{width:200px;height:200px;border-radius:50%;margin:0 auto 30px;border:6px solid rgba(255,255,255,0.3);box-shadow:0 10px 30px rgba(0,0,0,0.3);overflow:hidden;transition:transform 0.3s ease}.profile-image:hover{transform:scale(1.05)}.profile-image img{width:100%;height:100%;object-fit:cover}.hero-title{font-size:3.5em;font-weight:300;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,0.3);animation:glow 2s ease-in-out infinite alternate}@keyframes glow{from{text-shadow:2px 2px 4px rgba(0,0,0,0.3)}to{text-shadow:2px 2px 4px rgba(0,0,0,0.3),0 0 10px rgba(255,255,255,0.3)}}.hero-subtitle{font-size:1.4em;opacity:0.9;margin-bottom:30px;font-family:Georgia,serif}.hero-bio{font-size:1.1em;max-width:600px;margin:0 auto 40px;opacity:0.8;line-height:1.8}.social-links{display:flex;justify-content:center;gap:25px;margin-bottom:50px}.social-links a{color:white;font-size:1.8em;transition:all 0.3s ease;text-decoration:none}.social-links a:hover{transform:translateY(-5px) scale(1.1);color:#f39c12;text-shadow:0 5px 15px rgba(0,0,0,0.3)}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);color:white;font-size:2em;animation:bounce 2s infinite;cursor:pointer}@keyframes bounce{0%, 20%, 50%, 80%, 100%{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}.floating-nav{position:fixed;top:50%;right:30px;transform:translateY(-50%);z-index:1000;opacity:0;visibility:hidden;transition:all 0.3s ease}.floating-nav.visible{opacity:1;visibility:visible}.floating-nav ul{list-style:none;padding:0;margin:0}.floating-nav li{margin:15px 0}.floating-nav a{display:block;width:12px;height:12px;border-radius:50%;background:#ff6b35;transition:all 0.3s ease;position:relative}.floating-nav a::before{content:attr(data-tooltip);position:absolute;right:25px;top:50%;transform:translateY(-50%);background:#2c3e50;color:white;padding:5px 10px;border-radius:4px;font-size:0.8em;white-space:nowrap;opacity:0;visibility:hidden;transition:all 0.3s ease}.floating-nav a:hover{background:#f39c12;transform:scale(1.5)}.floating-nav a:hover::before{opacity:1;visibility:visible}.floating-nav a.active{background:#d63031;transform:scale(1.3)}.main-content{max-width:800px;margin:0 auto;padding:0 20px}.section{padding:80px 0;opacity:0;transform:translateY(30px);transition:all 0.6s ease}.section.animate-in{opacity:1;transform:translateY(0)}.section h2{font-size:2.5em;color:#ff6b35;margin-bottom:30px;text-align:center;position:relative;font-weight:300}.section h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg, #ff6b35 0%, #f39c12 100%);border-radius:2px}.section p{font-size:1.1em;line-height:1.8;margin-bottom:20px;color:#2c3e50}.publications-container{margin-top:40px}.publication-item{background:white;border-radius:12px;padding:30px;margin-bottom:25px;box-shadow:0 5px 20px rgba(0,0,0,0.1);border-left:4px solid #ff6b35;transition:all 0.3s ease;opacity:0;transform:translateX(-30px)}.publication-item.animate-in{opacity:1;transform:translateX(0)}.publication-item:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,0.15);border-left-color:#d63031}.publication-item .title{font-size:1.3em;font-weight:600;color:#2c3e50;margin-bottom:12px;line-height:1.4}.publication-item .authors{color:#7f8c8d;margin-bottom:8px;font-size:0.95em}.publication-item .venue{color:#ff6b35;font-weight:500;margin-bottom:15px;font-size:0.9em}.publication-item .date{color:#95a5a6;font-size:0.85em;margin-bottom:15px}.publication-item .links{display:flex;gap:15px;flex-wrap:wrap}.publication-item .links a{color:#ff6b35;text-decoration:none;font-size:0.9em;padding:5px 12px;border:1px solid #ff6b35;border-radius:20px;transition:all 0.3s ease}.publication-item .links a:hover{background:#ff6b35;color:white;transform:translateY(-2px)}.research-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:30px;margin-top:40px}.research-card{background:white;border-radius:12px;padding:30px;box-shadow:0 5px 20px rgba(0,0,0,0.1);text-align:center;transition:all 0.3s ease;border-top:4px solid #ff6b35}.research-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px rgba(0,0,0,0.15);border-top-color:#d63031}.research-card .icon{font-size:3em;color:#ff6b35;margin-bottom:20px;transition:all 0.3s ease}.research-card:hover .icon{color:#d63031;transform:scale(1.1)}.research-card h3{color:#2c3e50;margin-bottom:15px;font-size:1.3em}.research-card p{color:#7f8c8d;line-height:1.6;font-size:0.95em}.contact-info{text-align:center;background:white;border-radius:12px;padding:40px;box-shadow:0 5px 20px rgba(0,0,0,0.1);margin-top:40px}.contact-info .contact-item{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px;font-size:1.1em}.contact-info .contact-item i{color:#ff6b35;font-size:1.2em}.contact-info .contact-item a{color:#2c3e50;text-decoration:none;transition:color 0.3s ease}.contact-info .contact-item a:hover{color:#ff6b35}.footer{background:#2c3e50;color:white;text-align:center;padding:40px 0;margin-top:60px}.footer p{opacity:0.8;font-size:0.9em}.student-card{text-align:center}.student-card .student-photo{width:120px;height:120px;border-radius:50%;margin:0 auto 20px;overflow:hidden;border:4px solid #ff6b35;transition:all 0.3s ease}.student-card .student-photo img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.student-card:hover .student-photo{border-color:#d63031;transform:scale(1.05)}.student-card:hover .student-photo img{transform:scale(1.1)}.student-card .student-title{color:#ff6b35;font-weight:500;font-size:0.9em;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px}.student-card h3{color:#2c3e50;margin-bottom:10px;font-size:1.4em}.student-card p:not(.student-title){color:#7f8c8d;line-height:1.6;font-size:0.95em}.pub-themes{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:auto 1fr;gap:0 30px;margin-top:30px;max-width:1200px;margin-left:auto;margin-right:auto;width:100vw;position:relative;left:50%;transform:translateX(-50%);padding:0 20px}@media (max-width: 768px){.pub-themes{grid-template-columns:1fr;grid-template-rows:auto;width:100%;left:0;transform:none;padding:0}}.pub-themes>.pub-theme-header{font-size:1.1em;text-transform:uppercase;letter-spacing:1px;color:#2c3e50;margin:0 0 0 0;padding-bottom:10px;border-bottom:3px solid #ff6b35 !important;display:flex;align-items:end;align-self:end}.pub-cards{padding-top:20px}.pub-theme-item{background:white;border-radius:8px;padding:18px;margin-bottom:15px;box-shadow:0 3px 10px rgba(0,0,0,0.08);border-left:3px solid #ff6b35;transition:all 0.3s ease}.pub-theme-item:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.12);border-left-color:#d63031}.pub-theme-item .pub-venue-year{font-size:0.8em;font-weight:600;color:#ff6b35;margin-bottom:6px;text-transform:uppercase;letter-spacing:0.5px}.pub-theme-item .pub-title-short{font-size:0.95em;font-weight:600;color:#2c3e50;line-height:1.4;margin-bottom:6px}.pub-theme-item .pub-authors{font-size:0.82em;color:#7f8c8d;margin-bottom:6px}.pub-theme-item .pub-citations{font-size:0.78em;color:#95a5a6}.pub-theme-item .pub-note{font-size:0.78em;color:#f39c12;font-style:italic;margin-top:4px}.pub-theme-item .pub-link{margin-top:8px}.pub-theme-item .pub-link a{font-size:0.8em;color:#ff6b35;text-decoration:none;padding:3px 10px;border:1px solid #ff6b35;border-radius:12px;transition:all 0.3s ease}.pub-theme-item .pub-link a:hover{background:#ff6b35;color:white}