:root{--bg-light: rgba(255, 255, 255, 1);--bg-dark: #1a1a1a;--bg-gradient-light: radial-gradient(circle at top left, #d2b9ff, transparent 60%), radial-gradient(circle at bottom left, #01a9f9, transparent 60%), radial-gradient(circle at top right, #01fcb0, transparent 60%), radial-gradient(circle at bottom right, #aec28a, transparent 60%);--bg-gradient-dark: radial-gradient(circle at top left, #072538, transparent 60%), radial-gradient(circle at bottom left, #000000, transparent 60%), radial-gradient(circle at top right, #330847, transparent 60%), radial-gradient(circle at bottom right, #000000, transparent 60%);--text-light: #000000;--text-dark: #f0f0f0;--link-dark: #39ff14;--link-light: #5b00af;--hover-link-dark: #fffb00;--hover-link-light: #84003b;--highlight-light: rgba(127, 255, 249, .6);--highlight-dark: rgba(127, 255, 249, .6);--shadow-light: rgba(127, 255, 249, .5);--shadow-dark: rgba(127, 255, 249, .5);--border-light: #01171f;--border-dark: #7ffff9;--btn-bg-light: #01171f;--btn-bg-dark: #7ffff9;--news-bg-light: rgba(179, 199, 254, .6);--news-bg-dark: rgba(0, 42, 50, .6)}html{scroll-behavior:smooth;height:100%;width:100%;overflow-x:hidden}body{margin:0;padding:0;min-height:100vh;font-family:Name Sans,sans-serif;width:100%;overflow-x:hidden;box-sizing:border-box;background:var(--bg-gradient-light);background-color:var(--bg-light);background-attachment:fixed;background-size:cover;background-repeat:no-repeat;color:var(--text-light);--theme-icon-color: var(--text-light);--theme-border-color: var(--border-light);--theme-btn-bg: var(--btn-bg-light);--theme-link-color: var(--link-light);--theme-hover-link-color: var(--hover-link-light);--theme-news-bg: var(--news-bg-light)}#root{min-height:100vh;width:100%;overflow-x:clip;box-sizing:border-box}body.dark-mode{background:var(--bg-gradient-dark);background-color:var(--bg-dark);background-attachment:fixed;background-size:cover;background-repeat:no-repeat;color:var(--text-dark);--theme-icon-color: var(--text-dark);--theme-border-color: var(--border-dark);--theme-btn-bg: var(--btn-bg-dark);--theme-link-color: var(--link-dark);--theme-hover-link-color: var(--hover-link-dark);--theme-news-bg: var(--news-bg-dark)}#themeToggle{position:fixed;top:1rem;right:1rem;z-index:9999;width:40px;height:40px;padding:0;border:2px solid var(--theme-border-color);border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:box-shadow .3s ease}#themeToggle:hover{box-shadow:0 0 8px var(--theme-border-color)}#themeToggle svg{width:22px;height:22px;stroke:var(--theme-icon-color);stroke-width:2px;transition:stroke .3s ease}.scrollable-container{max-height:40vh;height:30vh;overflow-y:auto;overflow-x:hidden;padding-right:.5rem;-webkit-overflow-scrolling:touch;border-radius:8px;background:var(--theme-news-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scrollable-container:focus{outline:2px solid var(--theme-accent-color);outline-offset:2px}.scrollable-container::-webkit-scrollbar{width:10px}.scrollable-container::-webkit-scrollbar-thumb{background:var(--theme-accent-color);border-radius:8px}.scrollable-container::-webkit-scrollbar-track{background:transparent}.scrollable-container{scrollbar-width:thin;scrollbar-color:var(--theme-btn-bg) transparent}.hero-section{min-height:100vh;min-height:100svh;min-height:100dvh;overflow:visible;background:transparent;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--text-light);text-align:center;position:relative;top:0;left:0;width:100%;padding-top:max(env(safe-area-inset-top),.75rem);box-sizing:border-box}body.dark-mode .hero-section{background:transparent;color:var(--text-dark)}.hero-section h1{font-size:5vw;letter-spacing:.3rem;font-weight:700;margin:0}.hero-scroll-btn{margin-top:2rem;padding:.5rem 1.2rem;font-size:1rem;font-family:inherit;font-weight:300;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--theme-border-color) 1px solid;border-radius:999px;color:var(--theme-icon-color);opacity:.8;cursor:pointer;transition:all .3s ease}.hero-scroll-btn:hover{background:#ffffff1a;opacity:1;font-weight:600;border:var(--theme-border-color) 2px solid;transition:all .3s ease}body.dark-mode .hero-scroll-btn{border:1px solid rgba(255,255,255,.2);background:#0000001a;opacity:.8}body.dark-mode .hero-scroll-btn:hover{background:#0003;opacity:1;font-weight:600;border:var(--theme-border-color) 2px solid;transition:all .3s ease}.tab-navigation{display:flex;flex-wrap:nowrap;gap:1rem;margin-bottom:2rem;border-bottom:2px solid var(--theme-border-color);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--theme-border-color) transparent}.tab-navigation::-webkit-scrollbar{height:6px}.tab-navigation::-webkit-scrollbar-track{background:transparent}.tab-navigation::-webkit-scrollbar-thumb{background:var(--theme-border-color);border-radius:999px}body.dark-mode .tab-navigation{scrollbar-color:var(--theme-border-color) transparent}body.dark-mode .tab-navigation::-webkit-scrollbar-thumb{background:var(--theme-border-color)}.tab-btn{flex:0 0 auto;white-space:nowrap;padding:.75rem 1.5rem;font-size:1.1rem;font-weight:400;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--theme-text-secondary);cursor:pointer;transition:all .3s ease;border-radius:8px 8px 0 0}.tab-btn:hover{background:#ffffff1a}.tab-btn.active{font-weight:600;background:#ffffff26}body.dark-mode .tab-btn:hover{background:#ffffff1a}body.dark-mode .tab-btn.active{background:#ffffff26}@media(max-width:900px){.tab-navigation{--tab-fade-size: 18px;gap:.6rem;margin-bottom:1.25rem;padding-bottom:.25rem;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--tab-fade-size),#000 calc(100% - var(--tab-fade-size)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--tab-fade-size),#000 calc(100% - var(--tab-fade-size)),transparent 100%)}.tab-btn{padding:.65rem 1rem;font-size:1rem}}.experience-item{display:flex;width:85%;align-items:"flex-start";gap:"1rem";margin-bottom:2rem;padding:1.5rem;border-radius:10px;background:#ffffff1a}.degree-duration{font-size:1rem;color:var(--theme-link-color)}.project-item{display:flex;width:90%;align-items:"flex-start";gap:"1rem";margin-bottom:2rem;padding:1.5rem;border-radius:10px;background:#ffffff1a}.org-logo{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:1.5rem}.org-logo img{width:100px;height:100px;object-fit:contain;border-radius:8px;background-color:var(--bg-light);padding:.2rem}.project-duration{font-size:1rem;color:var(--theme-link-color)}.page-content{min-height:100vh;height:auto;background:transparent;color:var(--text-light);position:relative;width:100%;padding:2rem 0;box-sizing:border-box}body.dark-mode .page-content{background:transparent;color:var(--text-dark)}.back-to-top-btn{position:fixed;right:1.25rem;bottom:1.25rem;z-index:1100;padding:.55rem 1.1rem;font-size:1rem;font-family:inherit;font-weight:600;border:2px solid var(--theme-border-color);border-radius:999px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--theme-icon-color);cursor:pointer;transition:opacity .25s ease,transform .25s ease,background .25s ease,color .25s ease}.back-to-top-btn.hidden{opacity:0;pointer-events:none;transform:translateY(10px)}.back-to-top-btn.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top-btn:hover{background:var(--btn-bg-light);color:#fff;transform:translateY(-1px)}body.dark-mode .back-to-top-btn{background:#0003}body.dark-mode .back-to-top-btn:hover{background:var(--btn-bg-dark);color:#000}.contact-methods{display:flex;flex-direction:row;flex-wrap:wrap;gap:.85em;justify-content:center;align-items:center;margin-bottom:2em;box-sizing:border-box;width:100%;padding:0 1rem}.contact-btn{display:inline-flex;align-items:center;gap:.5em;margin-top:2.5rem;padding:.75em 1.8em;font-size:1.15rem;font-family:inherit;font-weight:600;border:2px solid var(--theme-border-color);border-radius:999px;box-sizing:border-box;flex-shrink:0;background:#ffffff26;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:var(--theme-icon-color);cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;text-decoration:none}.contact-btn:hover,.contact-btn:focus,.contact-btn:active,.contact-btn:visited{text-decoration:none}.contact-btn i{width:1.3em;height:1.3em;display:inline-flex;vertical-align:middle;color:var(--theme-icon-color);transition:color .2s}.contact-btn:hover{background:var(--btn-bg-light);color:#fff;border-color:var(--theme-border-color);transform:translateY(-2px)}.contact-btn:hover i{color:#fff}body.dark-mode .contact-btn{border:2px solid var(--theme-border-color);color:var(--theme-icon-color);background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dark-mode .contact-btn i{color:var(--theme-icon-color)}body.dark-mode .contact-btn:hover{background:var(--btn-bg-dark);color:#000;border-color:var(--theme-border-color);transform:translateY(-2px)}body.dark-mode .contact-btn:hover i{color:#000}.container{display:flex;flex-direction:row;min-height:100vh;height:auto;column-gap:1.75rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;margin:0 1rem;box-sizing:border-box;width:calc(100% - 2rem)}body.dark-mode .container{background:#0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.left{flex:1;display:flex;justify-content:flex-start;align-items:flex-start;padding:1.5rem 1.5rem 1.5rem .5rem;box-sizing:border-box}.right{flex:0 0 280px;align-self:stretch;position:relative;display:flex;justify-content:flex-start;align-items:flex-start;padding:1.5rem 0 1.5rem 1.5rem;box-sizing:border-box}.sidebar-nav{position:sticky;top:0;width:100%;height:100vh;min-height:100%;max-height:100vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem 1.15rem 1.25rem;border:1px solid rgba(127,255,249,.35);border-radius:18px;background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box}body.dark-mode .sidebar-nav{background:#00000040;border-color:#7ffff973}.sidebar-avatar-link{display:inline-flex;border-radius:999px}.sidebar-avatar{width:250px;height:250px;border-radius:50%;object-fit:cover;border:3px solid var(--theme-border-color);box-shadow:0 8px 24px #0000002e;zoom:1.1}.sidebar-links{width:100%;display:flex;flex-direction:column;gap:.5rem}.sidebar-link{display:block;width:100%;text-decoration:none;color:var(--theme-icon-color);font-size:1rem;font-weight:600;padding:.75rem 1rem;border-radius:10px;border:2px solid transparent;background:transparent;transition:all .3s ease;box-sizing:border-box;text-align:center}.sidebar-link:hover{border-radius:999px;background:#01171f24;color:var(--theme-icon-color);border-color:#01171f59;transform:translateY(-1px)}.sidebar-link.active{border-radius:999px;background:var(--btn-bg-light);color:#fff;border-color:var(--theme-border-color)}body.dark-mode .sidebar-link:hover{background:#7ffff933;color:var(--theme-icon-color);border-color:#7ffff973}body.dark-mode .sidebar-link.active{background:var(--btn-bg-dark);color:#000}@media(max-width:900px){.container{flex-direction:column;align-items:stretch;column-gap:0}.right{flex:0 0 auto;width:100%;padding:1rem 1rem .5rem}.left{width:100%;padding:.5rem 1rem 1.5rem;min-width:0;overflow-x:hidden}.sidebar-nav{position:static;height:auto;min-height:auto;max-height:none;padding:1.35rem 1rem 1rem}.sidebar-avatar{width:120px;height:120px}.back-to-top-btn{right:1rem;bottom:1rem;padding:.5rem 1rem}.experience-item,.project-item{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:1rem;box-sizing:border-box}.org-logo{margin:0}.org-logo img{width:72px;height:72px}.education-details,.tab-content,#projects-content,#experience-content,#home-content{width:100%;max-width:100%;min-width:0;box-sizing:border-box}#content,.page-content.active,.projects-section,.education-section,.academic-section,.professional-section,.leader-section,.volunteer-section{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:hidden}#projects-content ul,#experience-content ul,#home-content ul{margin-left:.9rem!important;padding-left:.75rem}#projects-content p,#projects-content li,#experience-content p,#experience-content li,#home-content p,#home-content li{overflow-wrap:anywhere;word-break:break-word}#projects-content .education-details span{max-width:100%;flex-wrap:wrap}#projects-content .education-details>p>span{display:flex!important;flex-wrap:wrap!important;gap:.75rem!important;max-width:100%;align-items:flex-start}}.left h1,.left h2,.left h3{line-height:1.2;padding:1rem;border-radius:10px}.blog-link{color:var(--theme-link-color);text-decoration:none;transition:color .3s ease}.blog-link:hover{color:var(--theme-hover-link-color)}#content{width:100%;height:100%;display:flex;align-items:flex-start;justify-content:flex-start}.page-content.active{display:block;opacity:1;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contact-info,.blog-posts,.project-list,.publication-list{margin-top:2rem;text-align:left}.contact-info p,.project,.publication{margin:1rem 0;padding:1rem;border-radius:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(127,255,249,.3)}body.dark-mode .contact-info p,body.dark-mode .project,body.dark-mode .publication{background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}footer{background:transparent;color:var(--text-light);text-align:center;padding:2rem 0;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dark-mode footer{background:transparent;color:var(--text-dark)}.mindmap{position:relative;width:600px;height:600px}.center-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%;filter:grayscale(80%) sepia(20%);transition:transform .5s ease,filter .5s ease;box-shadow:0 4px 15px #0003}.center-image:hover{transform:scale(1.25);filter:grayscale(0%);box-shadow:0 6px 25px #001aff}body.dark-mode .center-image{box-shadow:0 4px 15px #478007}body.dark-mode .center-image:hover{box-shadow:0 6px 25px #4faa00}.center-wrapper{position:absolute;top:50%;left:50%;width:250px;height:250px;transform:translate(-50%,-50%);transform-origin:center center;background:transparent;display:flex;border-radius:50%;z-index:10;overflow:visible}.spoke-system{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center center;transition:transform 1.2s cubic-bezier(.25,.46,.45,.94);z-index:5;pointer-events:none}.spoke{position:absolute;top:50%;left:50%;transform-origin:0 0;cursor:pointer;transition:all .3s ease;z-index:6;pointer-events:auto}.spoke[data-angle="180"]{transform:rotate(180deg)}.spoke[data-angle="108"]{transform:rotate(108deg)}.spoke[data-angle="36"]{transform:rotate(36deg)}.spoke[data-angle="324"]{transform:rotate(324deg)}.spoke[data-angle="252"]{transform:rotate(252deg)}.spoke-line{position:absolute;width:140px;height:2px;background:linear-gradient(90deg,#000,#024643);transform-origin:left center;left:125px}.spoke-label{position:absolute;left:275px;top:50%;transform:translateY(-50%);font-size:18px;font-weight:400;color:#000;transition:all .3s,color .3s,text-shadow .3s;white-space:nowrap;pointer-events:auto;text-decoration:none;cursor:pointer;display:block}body.dark-mode .spoke-line{background:linear-gradient(90deg,#39ff14,#39ff144d)}body.dark-mode .spoke-label{color:#39ff14}body.dark-mode .spoke-label:hover{color:#fff;text-shadow:0 0 16px #39ff14}body.dark-mode .spoke.active .spoke-label{color:#fff;text-shadow:0 0 20px #39ff14}.spoke:hover .spoke-line{box-shadow:0 0 10px #7ffff9cc;background:linear-gradient(90deg,#7ffff9,#7ffff980)}body.dark-mode .spoke:hover .spoke-line{box-shadow:0 0 16px #39ff14;background:linear-gradient(90deg,#39ff14,#39ff1480)}.spoke.active .spoke-line{background:linear-gradient(90deg,#00fff2,#001aff)}body.dark-mode .spoke.active .spoke-line{box-shadow:0 0 24px #39ff14;background:linear-gradient(90deg,#fff,#39ff14)}.spoke-label:hover{color:#000;text-decoration:none;transform:translateY(-50%) scale(1.2);font-weight:700}.spoke.active .spoke-label{font-weight:700;transform:translateY(-50%) scale(1.2);font-size:20px;color:#001aff;text-decoration:none}.spoke[data-angle="180"] .spoke-label{transform:translateY(-50%) rotate(-180deg)}.spoke[data-angle="108"] .spoke-label{transform:translateY(-50%) rotate(-108deg)}.spoke[data-angle="36"] .spoke-label{transform:translateY(-50%) rotate(-36deg)}.spoke[data-angle="324"] .spoke-label{transform:translateY(-50%) rotate(-324deg)}.spoke[data-angle="252"] .spoke-label{transform:translateY(-50%) rotate(-252deg)}.spoke:hover .spoke-label{font-weight:700;color:#001aff;text-decoration:none}.spoke:hover .spoke-line{box-shadow:0 0 10px #7ffff9cc;background:linear-gradient(90deg,#00fff2,#001aff)}