:root{--surface: #ffffff;--panel: #f5f7fb;--border: #e4e7ee;--bg: #ffffff;--text: hsl(0, 0%, 0%);--accent: #000000;--stat: #0065F8;--font-family-sans-serif: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}:root[color-theme=dark]{--bg: #0b1220;--text: #ffffff;--accent: #ffffff;--stat: #ffffff;--surface: #0f1728;--panel: #121a2b;--border: #202a3d}*{box-sizing:border-box}html,body,#root{height:100%;scroll-behavior:smooth}body{transition:background-color .35s ease,color .35s ease;margin:0;background:var(--bg);color:var(--text);font-family:var(--font-family-sans-serif);line-height:1.6}b,strong{font-weight:500}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{width:100%;max-width:1140px;margin:0 auto;padding:0 18px}.navbar{position:sticky;top:0;background:transparent;border-bottom:1px solid transparent;z-index:10;transition:background-color .4s ease,border-color .4s ease,box-shadow .4s ease}.navbar--scrolled{background-color:#ffffffd9;border-bottom-color:var(--border);box-shadow:0 4px 12px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:root[color-theme=dark] .navbar--scrolled{background-color:#0f1728d9}.navbar .inner{display:flex;justify-content:space-between;align-items:center;height:64px}.links{display:flex;gap:20px;font-weight:500}.section{padding:56px 0}hr{border:none;border-top:1px solid #eee;margin:0}.rounded-circle{border-radius:999px;object-fit:cover;margin-top:90px}#hello-wrapper{display:flex;justify-content:center}#hello-text{margin:40px 0 -6px;font-weight:700;font-size:clamp(28px,6vw,56px);line-height:1.1}#hello-text .char{display:inline-block;will-change:transform,opacity}#hello-text .char.space{width:.35em;display:inline-block}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:40px;align-items:start;margin-top:50px}.stat-item{text-align:left;padding:8px 4px}.stat-number{font-weight:700;font-size:clamp(32px,5.6vw,52px);line-height:1;color:var(--stat);margin-bottom:10px}.stat-label{font-size:18px;display:flex;align-items:center;gap:10px;color:var(--text)}.stat-emoji{font-size:20px;line-height:1}.link-card{display:block;text-decoration:none;color:inherit;height:100%;border-radius:12px;transition:transform .3s ease,box-shadow .3s ease}.link-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000014}#EXPERIENCES>.container>ul>li,#Education>.container>ul>li,#Paper>.container>ul>li,#Awards\ Won>.container>ul>li{margin-top:20px}#EXPERIENCES>.container>ul>li:first-child,#Education>.container>ul>li:first-child,#Paper>.container>ul>li,#Awards\ Won>.container>ul>li:first-child{margin-top:0}#EXPERIENCES>.container>ul>li>ul,#Education>.container>ul>li>ul,#Paper>.container>ul>li,#Awards\ Won>.container>ul>li>ul{margin-top:4px}:root[color-theme=light]{--text: #0b1220;--btn: #ffffff;--btn-hover: #ffa500}:root[color-theme=dark]{--surface: #17171c;--text: #e6ebf5;--btn: #23232b;--btn-hover: gold}html,body{height:100%}body{background:var(--surface);color:var(--text);transition:background-color .5s,color .5s;margin:0}.dark-light-toggle{position:fixed;right:16px;bottom:16px;z-index:9999;display:flex;justify-content:center;align-items:center;width:56px;height:56px;border:none;border-radius:12px;background:var(--btn);cursor:pointer;overflow:hidden;box-shadow:0 6px 18px #0000002e;transition:background-color .5s}.icon30{width:30px;height:30px;display:flex;justify-content:center;align-items:center;position:absolute}.icon30>svg{transition:fill .5s,transform .5s}.dark-light-toggle .sun{display:flex}.dark-light-toggle .moon{display:none}:root[color-theme=dark] .dark-light-toggle .sun{display:none}:root[color-theme=dark] .dark-light-toggle .moon{display:flex}.dark-light-toggle:hover svg{fill:var(--btn-hover);transform:scale(1.2)}.icon30{transition:transform .5s ease-in-out;transform-origin:50% 200%}.sun{animation:rise 1s forwards}.moon,[color-theme=dark] .dark-light-toggle .sun{animation:set 1s forwards}[color-theme=dark] .dark-light-toggle .moon{animation:rise 1s forwards}@keyframes rise{0%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes set{0%{transform:rotate(0)}to{transform:rotate(180deg)}}