:root{--color-primary: #2563eb;--color-primary-hover: #f59e0b;--color-text: #1e293b;--color-text-secondary: #64748b;--color-bg: #ffffff;--color-surface: #f8fafc;--color-border: #e2e8f0;--color-accent: #8b5cf6;--font-main: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none;transition:color 0.2s ease}a:focus,a:hover{color:var(--color-primary-hover);text-decoration:none}body,td,th,tr,p,a{font-family:var(--font-main);font-size:14px;line-height:1.7}strong{font-family:var(--font-main);font-size:14px;font-weight:600}h1{font-family:var(--font-main);font-size:34px;font-weight:700;text-align:center;padding:0px;margin-block-start:14px;margin-block-end:14px;margin-left:0px;margin-right:0px;letter-spacing:-0.02em;color:var(--color-text)}h2{font-family:var(--font-main);font-size:22px;font-weight:600;padding:0px;margin:0px;display:inline;color:var(--color-text);letter-spacing:-0.01em;position:relative}h2::after{content:'';display:block;width:40px;height:3px;background:linear-gradient(135deg, var(--color-primary), var(--color-accent));border-radius:2px;margin-top:6px}h3{font-family:var(--font-main);font-size:15px;font-weight:600;padding:0px;margin:0px;display:inline;color:var(--color-text)}img[alt="profile photo"]{border-radius:50% !important;box-shadow:0 8px 30px rgba(0,0,0,0.12);transition:transform 0.3s ease, box-shadow 0.3s ease}img[alt="profile photo"]:hover{transform:scale(1.03);box-shadow:0 12px 40px rgba(0,0,0,0.18)}img[alt="J&J"],img[alt="NUS"],img[alt="Kylinsec"],img[alt="UCSD"],img[alt="NUS"]{border-radius:8px;transition:transform 0.2s ease}img[alt="J&J"]:hover,img[alt="NUS"]:hover,img[alt="Kylinsec"]:hover,img[alt="UCSD"]:hover{transform:scale(1.05)}img[alt="project image"]{border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,0.08);transition:transform 0.2s ease, box-shadow 0.2s ease}img[alt="project image"]:hover{transform:scale(1.03);box-shadow:0 4px 20px rgba(0,0,0,0.15)}ul{padding-left:20px}li{margin-bottom:6px;line-height:1.6;color:var(--color-text)}tr{transition:background-color 0.2s ease}tr:hover{background-color:var(--color-surface)}br+table,br+br+table{margin-top:0}p[style*="text-align:center"] a{padding:4px 8px;border-radius:4px;transition:background-color 0.2s ease, color 0.2s ease}p[style*="text-align:center"] a:hover{background-color:rgba(37,99,235,0.08)}td>p>strong{color:var(--color-primary);font-weight:600}td>ul>li>strong{color:var(--color-primary)}p[style*="font-size:small"]{color:var(--color-text-secondary)}@keyframes fadeInUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}body>table{animation:fadeInUp 0.5s ease-out}@media (max-width: 768px){h1{font-size:26px}h2{font-size:19px}body,td,th,tr,p,a{font-size:13px}}::selection{background-color:rgba(37,99,235,0.15);color:var(--color-text)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.one{width:160px;height:160px;position:relative}.two{width:160px;height:160px;position:absolute;transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-webkit-transition:opacity .2s ease-in-out}.fade{transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-webkit-transition:opacity .2s ease-in-out}span.highlight{background-color:#ffffd0}