*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Inter",sans-serif;line-height:1.6;color:#374151;background:#fafafa;font-weight:400;font-size:14px}.header{background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);border-bottom:1px solid #f1f5f9;padding:1.2rem 0}.header-container{max-width:1000px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;gap:1.5rem}.profile-photo{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg, #84cc16, #f97316);display:flex;align-items:center;justify-content:center;font-size:2.2rem;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);box-shadow:0 4px 20px rgba(132,204,22,.2);position:relative;overflow:hidden}.profile-photo:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);transition:left .5s ease}.profile-photo:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 30px rgba(132,204,22,.3)}.profile-photo:hover:before{left:100%}.profile-info h1{font-size:1.5rem;font-weight:500;color:#1f2937;margin-bottom:.1rem}.profile-info h2{font-size:.85rem;font-weight:400;color:#6b7280;margin-bottom:.8rem}.contact-links{display:flex;gap:.5rem;flex-wrap:wrap}.contact-links a{color:#6b7280;text-decoration:none;font-size:.8rem;padding:.4rem .8rem;border-radius:15px;transition:all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);background:#f9fafb;border:1px solid #f3f4f6;position:relative;overflow:hidden}.contact-links a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg, #84cc16, #f97316);transition:left .3s ease;z-index:-1}.contact-links a:hover{color:#fff;border-color:rgba(0,0,0,0);transform:translateY(-2px);box-shadow:0 5px 15px rgba(132,204,22,.3)}.contact-links a:hover:before{left:0}.navigation{background:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;border-bottom:1px solid #f9fafb}.nav-container{max-width:1000px;margin:0 auto;padding:0 1.5rem}.nav-menu{display:flex;list-style:none;gap:0}.nav-menu a{display:flex;align-items:center;padding:.8rem 1.2rem;text-decoration:none;color:#6b7280;font-weight:400;font-size:.8rem;position:relative;transition:color .15s ease;white-space:nowrap}.nav-menu a:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;background:#84cc16;transition:all .15s ease;transform:translateX(-50%)}.nav-menu a:hover,.nav-menu a.active{color:#84cc16}.nav-menu a:hover:before,.nav-menu a.active:before{width:80%}.nav-icon{margin-right:.3rem;font-size:.8rem}.main-content{max-width:1000px;margin:0 auto;padding:0 1.5rem}.content-section{padding:2.5rem 0}.section-header{margin-bottom:2.5rem}.section-header h3{font-size:1.6rem;font-weight:500;color:#1f2937;margin-bottom:.3rem}.section-subtitle{font-size:.85rem;color:#6b7280;max-width:400px}.about-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:start}.bio-content h4{color:#84cc16;font-size:1rem;margin-bottom:1rem;font-weight:500}.bio-content p{margin-bottom:1rem;font-size:.9rem;line-height:1.6;color:#4b5563}.skills-panel{display:flex;flex-direction:column;gap:.8rem}.skill-category{background:#fff;border-radius:6px;padding:1.2rem;box-shadow:0 1px 3px rgba(0,0,0,.05);border:1px solid #f3f4f6;transition:transform .15s ease}.skill-category:hover{transform:translateY(-1px)}.skill-category h4{color:#f97316;margin-bottom:.6rem;font-weight:500;font-size:.85rem}.skill-tags{display:flex;flex-wrap:wrap;gap:.3rem}.skill-tag{background:#f9fafb;color:#84cc16;padding:.3rem .7rem;border-radius:12px;font-size:.75rem;font-weight:400;cursor:pointer;transition:all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);border:1px solid #f3f4f6;position:relative;overflow:hidden}.skill-tag:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle, #84cc16, #f97316);transition:all .3s ease;transform:translate(-50%, -50%);border-radius:50%;z-index:-1}.skill-tag:hover{color:#fff;transform:translateY(-3px) scale(1.05);box-shadow:0 5px 15px rgba(132,204,22,.3)}.skill-tag:hover:before{width:100px;height:100px}.research-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:1.2rem}.research-card{background:#fff;border-radius:10px;padding:1.8rem;cursor:pointer;transition:all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);border:1px solid #f3f4f6;box-shadow:0 2px 10px rgba(0,0,0,.04);position:relative;overflow:hidden}.research-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, rgba(132, 204, 22, 0.05), rgba(249, 115, 22, 0.05));opacity:0;transition:opacity .3s ease}.research-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 30px rgba(0,0,0,.1)}.research-card:hover:before{opacity:1}.research-icon{font-size:2rem;margin-bottom:1rem;display:block;transition:all .3s ease;filter:grayscale(0.3)}.research-card:hover .research-icon{transform:scale(1.2) rotate(10deg);filter:grayscale(0)}.research-card h4{font-size:1rem;color:#1f2937;margin-bottom:.6rem;font-weight:500}.research-card p{color:#6b7280;line-height:1.5;font-size:.85rem}.publications-grid{display:grid;gap:1.2rem}.publication{background:#fff;border-radius:10px;padding:2rem;transition:all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);cursor:pointer;border:1px solid #f3f4f6;box-shadow:0 2px 10px rgba(0,0,0,.04);position:relative;overflow:hidden}.publication:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(135deg, #84cc16, #f97316);border-radius:8px 0 0 8px;transition:width .3s ease}.publication:hover{transform:translateX(5px) translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.08)}.publication:hover:before{width:6px}.publication-year{position:absolute;top:1.5rem;right:1.5rem;background:linear-gradient(135deg, #f97316, #84cc16);color:#fff;padding:.3rem .8rem;border-radius:10px;font-size:.7rem;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px rgba(249,115,22,.2)}.publication:hover .publication-year{transform:scale(1.1) rotate(-2deg);box-shadow:0 5px 15px rgba(249,115,22,.3)}.publication h4{color:#1f2937;margin-bottom:.6rem;font-weight:500;font-size:.95rem;padding-right:3.5rem}.publication .authors{color:#6b7280;font-style:italic;margin-bottom:.4rem;font-size:.8rem}.publication .venue{color:#84cc16;font-weight:500;margin-bottom:.6rem;font-size:.8rem}.publication p{color:#6b7280;margin-bottom:.8rem;line-height:1.5;font-size:.85rem}.publication-links{display:flex;gap:.5rem;flex-wrap:wrap}.publication-links a{background:#f9fafb;color:#84cc16;text-decoration:none;padding:.4rem .9rem;border-radius:12px;font-size:.75rem;font-weight:400;transition:all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);border:1px solid #f3f4f6;position:relative;overflow:hidden}.publication-links a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#84cc16;transition:left .3s ease;z-index:-1}.publication-links a:hover{color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px rgba(132,204,22,.3)}.publication-links a:hover:before{left:0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.5rem}.project-card{background:#fff;border-radius:8px;overflow:hidden;transition:transform .15s ease;cursor:pointer;border:1px solid #f3f4f6;box-shadow:0 1px 3px rgba(0,0,0,.05)}.project-card:hover{transform:translateY(-2px)}.project-header{height:80px;background:linear-gradient(135deg, #84cc16, #f97316);display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#fff}.project-content{padding:1.3rem}.project-content h4{color:#1f2937;margin-bottom:.6rem;font-weight:500;font-size:.95rem}.project-meta{font-size:.75rem;color:#6b7280;margin-bottom:.8rem;display:flex;gap:.6rem;flex-wrap:wrap}.project-meta span{background:#f9fafb;padding:.15rem .5rem;border-radius:6px;color:#f97316;font-weight:400;border:1px solid #f3f4f6}.project-description{color:#6b7280;line-height:1.5;margin-bottom:.8rem;font-size:.85rem}.tech-stack{display:flex;flex-wrap:wrap;gap:.3rem}.tech-tag{background:#f9fafb;color:#84cc16;padding:.15rem .5rem;border-radius:6px;font-size:.7rem;font-weight:400;border:1px solid #f3f4f6}.text-content{background:#fff;border-radius:8px;padding:1.8rem;box-shadow:0 1px 3px rgba(0,0,0,.05);border:1px solid #f3f4f6}.text-content h4{color:#1f2937;font-size:1rem;margin-bottom:.8rem;font-weight:500}.text-content p{color:#6b7280;line-height:1.5;margin-bottom:.8rem;font-size:.9rem}.text-content ul{color:#6b7280;margin-left:1.2rem;margin-bottom:.8rem}.text-content li{margin-bottom:.2rem;font-size:.85rem}@media(max-width: 768px){.header-container{flex-direction:column;text-align:center;gap:1rem}.profile-photo{width:80px;height:80px;font-size:1.8rem}.profile-info h1{font-size:1.3rem}.about-grid,.research-grid,.projects-grid{grid-template-columns:1fr}.content-section{padding:2rem 0}.section-header h3{font-size:1.4rem}.nav-menu a{padding:.6rem .8rem;font-size:.75rem}.main-content{padding:0 1rem}}.floating-elements{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.floating-particle{position:absolute;width:4px;height:4px;background:rgba(132,204,22,.3);border-radius:50%;animation:float-particle 8s linear infinite}.floating-particle:nth-child(1){left:10%;animation-delay:0s;background:rgba(132,204,22,.2)}.floating-particle:nth-child(2){left:30%;animation-delay:2s;background:rgba(249,115,22,.2)}.floating-particle:nth-child(3){left:50%;animation-delay:4s;background:rgba(132,204,22,.15)}.floating-particle:nth-child(4){left:70%;animation-delay:6s;background:rgba(249,115,22,.15)}.floating-particle:nth-child(5){left:90%;animation-delay:1s;background:rgba(132,204,22,.1)}@keyframes float-particle{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(-10vh) scale(1);opacity:0}}.cursor-trail{position:fixed;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle, rgba(132, 204, 22, 0.3), rgba(249, 115, 22, 0.1));pointer-events:none;z-index:9999;transition:transform .1s ease;opacity:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#f9fafb}::-webkit-scrollbar-thumb{background:#84cc16;border-radius:2px}/*# sourceMappingURL=main.css.map */