:root{--primary-color: #2d5a27;--bg-color: #f5f9f3;--text-color: #1a1a1a;--accent-color: #a8d5a2;--panda-black: #1a1a1a;--panda-white: #fefefe;--bamboo-dark: #1e4620;--bamboo-light: #7cb342;--bamboo-leaf: #4a7c47;--transition: all .3s ease;--nav-height: 70px}html{overflow-y:scroll}body{margin:0;font-family:Georgia,Times New Roman,serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.8;padding-top:var(--nav-height)}a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}a:hover{text-decoration:underline;color:var(--bamboo-dark)}h1,h2,h3,h4,h5,h6{font-weight:400;letter-spacing:.5px;color:var(--primary-color)}.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:linear-gradient(180deg,#f5f9f3fa,#a8d5a24d);backdrop-filter:blur(10px);border-bottom:3px solid var(--bamboo-leaf);z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;box-shadow:0 2px 15px #2d5a2726}.navbar-brand{font-size:1.5rem;font-weight:600;color:var(--primary-color);text-decoration:none;margin-left:2rem;display:flex;align-items:center;gap:.5rem}.navbar-brand:before{content:"🎋";font-size:1.3rem}.brand-short{display:none}.brand-full{display:inline}.navbar-brand:hover{text-decoration:none;opacity:.8}.navbar-links{display:flex;list-style:none;margin:0;padding:0;gap:1.5rem;align-items:center;margin-right:2rem}.navbar-links li a{display:inline-block;padding:.6rem 1.2rem;font-weight:700;color:var(--primary-color);border-radius:25px;transition:var(--transition);font-size:.9rem;border:2px solid transparent}.navbar-links li a:hover{background-color:var(--primary-color);color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 15px #2d5a274d;border-color:var(--bamboo-dark)}.mobile-menu-toggle{display:none;background:none;border:none;font-size:1.5rem;color:var(--primary-color);cursor:pointer}.container{max-width:900px;margin:0 auto;padding:2rem 2rem 1.5rem;margin-top:2rem;margin-bottom:2rem}.site-footer{text-align:center;padding:1rem 0 0;color:#666;font-size:.85rem;margin-top:0}.site-footer p{margin:0;font-size:.85rem}.site-footer p:before{content:"🐼 "}.site-footer p:after{content:" 🎋"}#hero{display:flex;flex-direction:column;padding:2rem;background:linear-gradient(135deg,var(--panda-white) 0%,#e8f5e9 100%);border-radius:20px;box-shadow:0 4px 20px #2d5a2726,inset 0 0 0 3px var(--accent-color);margin-bottom:1rem;position:relative;overflow:hidden}#hero:before{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cellipse cx='50' cy='50' rx='45' ry='40' fill='white' stroke='%231a1a1a' stroke-width='3'/%3E%3Cellipse cx='25' cy='25' rx='18' ry='15' fill='%231a1a1a'/%3E%3Cellipse cx='75' cy='25' rx='18' ry='15' fill='%231a1a1a'/%3E%3Cellipse cx='35' cy='45' rx='12' ry='10' fill='%231a1a1a'/%3E%3Cellipse cx='65' cy='45' rx='12' ry='10' fill='%231a1a1a'/%3E%3Ccircle cx='35' cy='43' r='4' fill='white'/%3E%3Ccircle cx='65' cy='43' r='4' fill='white'/%3E%3Cellipse cx='50' cy='60' rx='8' ry='6' fill='%231a1a1a'/%3E%3Cpath d='M42 68 Q50 75 58 68' stroke='%231a1a1a' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat center;background-size:contain;opacity:.15;transform:rotate(15deg)}.header-container{display:flex;align-items:flex-start;gap:2.5rem;margin-bottom:.75rem;flex-direction:row}.header-text{flex:1}#hero h1{font-size:3rem;margin:0;line-height:150%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--bamboo-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#hero p{font-size:1.2rem;line-height:1.6;color:#333;margin:0}.contact-info{margin:0 0 .5rem;font-size:1.3rem;color:#333;display:flex;align-items:center;gap:.3rem}.contact-info:before{content:"Email: ";color:#333;font-weight:500}.email-link{text-decoration:none;font-weight:500}.email-link:hover{text-decoration:underline}.email-part{color:var(--primary-color)}.email-separator{color:#333}.profile-pic{width:240px;height:auto;object-fit:contain;box-shadow:0 4px 15px #2d5a2733;border:5px solid var(--panda-white);outline:3px solid var(--panda-black);border-radius:50%;transition:var(--transition)}.profile-pic:hover{transform:scale(1.05) rotate(3deg);box-shadow:0 8px 25px #2d5a274d}#research{padding-top:0;border-top:none}#education,#research,#leadership,#policy-work,#awards,#mentors,#personal,#talks{margin:1rem 0;padding:2rem;background:linear-gradient(135deg,var(--panda-white) 0%,#f0f7ef 100%);border-radius:16px;box-shadow:0 3px 15px #2d5a271a;border-left:5px solid var(--bamboo-leaf);position:relative;transition:var(--transition)}#education:hover,#research:hover,#leadership:hover,#policy-work:hover,#awards:hover,#mentors:hover,#personal:hover,#talks:hover{transform:translate(5px);box-shadow:0 5px 20px #2d5a2726}#education h2,#research h2,#leadership h2,#policy-work h2,#awards h2,#mentors h2,#personal h2,#talks h2{font-size:2rem;margin-bottom:.75rem;margin-top:0;text-align:left;display:flex;align-items:center;gap:.5rem}#research h2:before{content:"🔬"}#education h2:before{content:"🎓"}#leadership h2:before{content:"🌟"}#talks h2:before{content:"🎤"}#awards h2:before{content:"🏆"}#mentors h2:before{content:"🙏"}#personal h2:before{content:"🐼"}#policy-work h2:before{content:"📜"}#education p,#research p,#leadership p,#policy-work p,#awards p,#mentors p,#personal p,#talks p{font-size:1.1rem;margin-bottom:1rem}.simple-list{list-style-type:none;padding-left:2rem;margin-top:.75rem}.simple-list li{font-size:1.05rem;margin-bottom:.5rem;line-height:1.7;position:relative;padding-left:1.5rem}.simple-list li:before{content:"🐾";position:absolute;left:-1.5rem;font-size:.9rem}.simple-list li:nth-child(2n):before{content:"🌿"}@media (max-width: 950px){.brand-full{display:none}.brand-short{display:inline}}@media (max-width: 800px){.navbar{padding:0 1rem}.navbar-links{display:none;position:absolute;top:100%;left:0;right:0;background:linear-gradient(180deg,#f5f9f3fa,#a8d5a280);flex-direction:column;padding:1rem;border-bottom:3px solid var(--bamboo-leaf);gap:1rem;margin-right:0}.navbar-links.active{display:flex}.mobile-menu-toggle{display:block}.container{padding:2rem 1rem}.header-container{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.profile-pic{width:160px;order:0}#hero h1{font-size:2rem}#education h2,#research h2,#leadership h2,#policy-work h2,#awards h2,#mentors h2,#personal h2,#talks h2{font-size:2rem;text-align:center;justify-content:center}}@media (max-width: 480px){.navbar-links li a{width:100%;text-align:center;padding:.6rem 1rem}}#secret-header{padding:2rem;background:linear-gradient(135deg,var(--panda-white) 0%,#e8f5e9 100%);border-radius:16px;box-shadow:0 3px 15px #2d5a271a;margin-bottom:1rem}#secret-header h1{font-size:2.5rem;margin:0 0 1rem;text-align:center}.secret-intro{font-size:1.3rem;text-align:center;color:var(--text-color);font-style:italic}.poem{margin:1rem 0;padding:2rem;background:linear-gradient(135deg,var(--panda-white) 0%,#f0f7ef 100%);border-radius:16px;box-shadow:0 3px 15px #2d5a271a;border-left:5px solid var(--bamboo-leaf)}.poem-title{font-size:2rem;margin:0 0 .5rem;color:var(--primary-color)}.poem-author{font-size:1.1rem;color:#666;font-style:italic;margin:0 0 1.5rem}.poem-text{font-family:Georgia,Times New Roman,serif;line-height:1.8}.poem-text p{margin:.3rem 0;color:var(--text-color);font-size:1.05rem}.poem-couplet{margin-top:.8rem!important;margin-bottom:0!important}.poem-couplet+.poem-couplet{margin-top:.1rem!important}@media (max-width: 800px){#secret-header h1{font-size:2rem}.secret-intro{font-size:1.1rem}.poem{padding:1.5rem}.poem-title{font-size:1.5rem}.poem-text p{font-size:1rem}}@keyframes pandaWave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-20deg)}}.navbar-brand:hover:before{animation:pandaWave .5s ease-in-out}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--bamboo-leaf) 0%,var(--bamboo-dark) 100%);border-radius:6px;border:2px solid var(--bg-color)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary-color) 0%,var(--bamboo-dark) 100%)}