@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--bg-base:#fff;--bg-surface:#f9f9f9;--bg-surface-hover:#f1f1f1;--bg-dark:#0a0a0a;--text-primary:#000;--text-body:#333;--text-secondary:#666;--text-muted:#999;--accent:#2563eb;--accent-light:#eff6ff;--border:#e5e5e5;--border-light:#f0f0f0;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--header-h:80px;--max-w:1100px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000d;--shadow-hover:0 10px 30px #00000014;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--ease-out:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-base)}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-body);min-height:100vh;font-size:16px;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;background-image:linear-gradient(90deg,#00000008 1px,#0000 1px),linear-gradient(#00000008 1px,#0000 1px);background-size:40px 40px;height:100vh;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 100%);mask-image:linear-gradient(#000 0%,#0000 100%)}.bg-glow{filter:blur(80px);z-index:-1;opacity:.15;border-radius:50%;animation:10s ease-in-out infinite alternate float;position:absolute}.glow-blue{background:var(--accent);width:400px;height:400px;top:-100px;right:-100px}.glow-purple{background:#8b5cf6;width:300px;height:300px;animation-delay:-5s;top:30%;left:-100px}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(-30px,50px)scale(1.1)}}::selection{background:var(--text-primary);color:#fff}a{color:var(--text-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--accent)}img{max-width:100%;height:auto;display:block}.terminal-app{flex-direction:column;min-height:100vh;display:flex}.terminal-body{flex:1}.panel-container{max-width:var(--max-w);width:100%;margin:0 auto;padding:0 32px}.top-bar{height:var(--header-h);-webkit-backdrop-filter:blur(12px);z-index:1000;transition:border-bottom .3s var(--ease-out);background:#ffffffe6;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:0 40px;display:flex;position:sticky;top:0}.top-bar.scrolled{border-bottom:1px solid var(--border)}.top-bar-brand{letter-spacing:-.02em;color:var(--text-primary);font-size:20px;font-weight:700}.desktop-nav{align-items:center;gap:32px;display:flex}.nav-link{color:var(--text-secondary);font-size:14px;font-weight:500}.nav-link:hover{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.2}h1{letter-spacing:-.04em;font-size:64px;font-weight:800}h2{margin-bottom:24px;font-size:40px}h3{font-size:24px}p{margin-bottom:16px}.btn{cursor:pointer;border:1.5px solid #0000;border-radius:100px;justify-content:center;align-items:center;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--text-primary);color:#fff}.btn-primary:hover{background:var(--text-body);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{border-color:var(--border);color:var(--text-primary);background:0 0}.btn-outline:hover{border-color:var(--text-primary);background:var(--bg-surface)}.btn-group{flex-wrap:wrap;gap:16px;display:flex}.hero-section{flex-direction:column;justify-content:center;min-height:75vh;padding:120px 0 80px;display:flex}.hero-headline{max-width:800px;margin-bottom:24px}.hero-subheading{color:var(--text-secondary);max-width:600px;margin-bottom:40px;font-size:20px;line-height:1.6}.about-section{padding:100px 0}.about-grid{grid-template-columns:1fr 1fr;gap:64px;display:grid}.about-bio{color:var(--text-body);font-size:18px;line-height:1.7}.skills-container{flex-direction:column;gap:24px;display:flex}.skill-group h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:14px}.skill-badges{flex-wrap:wrap;gap:10px;display:flex}.skill-badge{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary);border-radius:100px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.skill-badge:hover{background:var(--bg-base);border-color:var(--text-primary)}.projects-section{padding:100px 0}.section-header{max-width:600px;margin-bottom:48px}.section-header p{color:var(--text-secondary);font-size:18px}.bento-grid{grid-template-rows:auto auto;grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.bento-item{background:var(--bg-surface);border-radius:var(--radius-lg);transition:all .4s var(--ease-out);border:1px solid var(--border-light);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.bento-item.featured{flex-direction:row;grid-column:1/-1;align-items:center}.bento-item:hover{box-shadow:var(--shadow-hover);background:var(--bg-base);border-color:var(--border);transform:translateY(-4px)}.bento-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.bento-thumb svg{width:100%;height:100%;color:var(--text-muted);transition:transform .6s var(--ease-out);opacity:.8}.bento-item:hover .bento-thumb svg{opacity:1;transform:scale(1.03)translateY(-2px)}.bento-content{flex-direction:column;flex:1;justify-content:space-between;padding:32px;display:flex}.bento-item.featured .bento-thumb{flex-shrink:0;width:50%}.bento-item.featured .bento-content{width:50%;padding:48px}.bento-tag{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:12px;font-weight:600}.bento-title{margin-bottom:12px;font-size:22px}.bento-item.featured .bento-title{font-size:32px}.bento-desc{color:var(--text-secondary);margin-bottom:24px;font-size:15px;line-height:1.6}.bento-item.featured .bento-desc{font-size:17px}.bento-link{color:var(--text-primary);align-items:center;gap:6px;font-size:14px;font-weight:600;transition:gap .2s,color .2s;display:inline-flex}.bento-item:hover .bento-link{color:var(--accent);gap:10px}.site-footer{border-top:1px solid var(--border);margin-top:80px;padding:60px 0}.footer-inner{max-width:var(--max-w);justify-content:space-between;align-items:center;margin:0 auto;padding:0 32px;display:flex}.footer-copy{color:var(--text-secondary);font-size:14px}.footer-links{gap:24px;display:flex}.footer-link{color:var(--text-secondary);justify-content:center;align-items:center;font-size:20px;transition:color .2s;display:flex}.footer-link:hover{color:var(--text-primary)}.fade-in{animation:fadeIn .8s var(--ease-out) forwards;opacity:0;transform:translateY(10px)}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@media (max-width:968px){h1{font-size:48px}h2{font-size:32px}.about-grid{grid-template-columns:1fr;gap:48px}.bento-grid{grid-template-columns:1fr}.bento-item.featured{flex-direction:column}.bento-item.featured .bento-thumb,.bento-item.featured .bento-content{width:100%}.bento-item.featured .bento-thumb{aspect-ratio:16/9}}@media (max-width:600px){h1{font-size:36px}.hero-section{padding:80px 0 60px}.btn-group{flex-direction:column}.footer-inner{text-align:center;flex-direction:column;gap:24px}}.report-detail{max-width:800px;margin:0 auto;padding:60px 0}.breadcrumb{gap:8px;margin-bottom:40px;font-size:14px;display:flex}.breadcrumb a{color:var(--text-muted)}.breadcrumb a:hover{color:var(--text-primary)}.breadcrumb .sep{color:var(--border)}.breadcrumb .current{color:var(--text-primary);font-weight:500}.report-article .report-title{margin-bottom:24px;font-size:42px}.report-meta-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:24px;margin-bottom:48px;padding:24px 0;display:flex}.report-meta-item{color:var(--text-secondary);font-size:14px}.report-section{margin-bottom:48px}.report-section h2{margin-bottom:16px;font-size:24px}.report-section-body{color:var(--text-body);white-space:pre-wrap;font-size:18px;line-height:1.7}.author-card,.toc-panel,.data-table{display:none}.report-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all .3s var(--ease-out);padding:32px;text-decoration:none;display:block}.report-card:hover{box-shadow:var(--shadow-hover);border-color:var(--border);background:var(--bg-base);transform:translateY(-4px)}