@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;700&family=Inter:wght@300;400;500;600;700&display=swap";
.page-module__6oNoVa__page{--bg-dark:#0d1117;--bg-surface:#161b22;--bg-panel:#21262d;--primary:#2ea043;--secondary:#58a6ff;--accent:#d29922;--error:#f85149;--text-main:#c9d1d9;--text-muted:#8b949e;--border:#30363d;--syntax-keyword:#ff7b72;--syntax-string:#a5d6ff;--syntax-function:#d2a8ff;--syntax-constant:#79c0ff;--syntax-comment:#8b949e;--font-mono:"Fira Code","Courier New",monospace;--font-sans:"Inter",sans-serif;background-color:var(--bg-dark);background-image:linear-gradient(var(--border)1px,transparent 1px),linear-gradient(90deg,var(--border)1px,transparent 1px);color:var(--text-main);font-family:var(--font-sans);background-size:40px 40px;background-attachment:fixed;min-height:100vh;line-height:1.6;position:relative}.page-module__6oNoVa__page:after{content:"";pointer-events:none;z-index:1000;background:linear-gradient(#2ea0430d,#0000);width:100%;height:50px;animation:8s linear infinite page-module__6oNoVa__scan;position:fixed;top:0;left:0}@keyframes page-module__6oNoVa__scan{0%{transform:translateY(-100vh)}to{transform:translateY(100vh)}}.page-module__6oNoVa__mono{font-family:var(--font-mono)}.page-module__6oNoVa__container{max-width:1100px;margin:0 auto;padding:0 24px}.page-module__6oNoVa__header{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#0d1117cc;position:sticky;top:0}.page-module__6oNoVa__nav{justify-content:space-between;align-items:center;height:70px;display:flex}.page-module__6oNoVa__logo{font-family:var(--font-mono);color:var(--primary);align-items:center;gap:8px;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.page-module__6oNoVa__logo:before{content:"const";color:var(--syntax-keyword);font-size:.9rem;font-weight:400}.page-module__6oNoVa__navLinks{gap:24px;display:flex}.page-module__6oNoVa__navItem{color:var(--text-muted);font-family:var(--font-mono);font-size:.9rem;text-decoration:none;transition:color .2s}.page-module__6oNoVa__navItemActive,.page-module__6oNoVa__navItem:hover{color:var(--primary)}.page-module__6oNoVa__navItemActive:before{content:"> ";color:var(--secondary)}.page-module__6oNoVa__hero{align-items:center;gap:60px;padding:100px 0;display:flex}.page-module__6oNoVa__heroContent{flex:1}.page-module__6oNoVa__heroVisual{flex:.8;position:relative}.page-module__6oNoVa__heroTag{font-family:var(--font-mono);color:var(--syntax-comment);margin-bottom:12px;display:block}.page-module__6oNoVa__heroTitle{letter-spacing:-.02em;margin-bottom:24px;font-size:3.5rem;font-weight:800;line-height:1.1}.page-module__6oNoVa__heroTitle span{color:var(--primary)}.page-module__6oNoVa__heroDescription{color:var(--text-muted);max-width:500px;margin-bottom:32px;font-size:1.1rem}.page-module__6oNoVa__heroActions{align-items:center;gap:16px;display:flex}.page-module__6oNoVa__heroImageWrap{aspect-ratio:1;border:1px solid var(--border);background:var(--bg-surface);border-radius:12px;width:100%;position:relative;overflow:hidden}.page-module__6oNoVa__heroImageWrap:after{content:"";background:linear-gradient(45deg,#2ea0431a,#0000);position:absolute;inset:0}.page-module__6oNoVa__terminal{background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;overflow:hidden;box-shadow:0 10px 30px #00000080}.page-module__6oNoVa__terminalHeader{background:var(--bg-panel);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 16px;display:flex}.page-module__6oNoVa__dot{border-radius:50%;width:12px;height:12px}.page-module__6oNoVa__dotRed{background:#ff5f56}.page-module__6oNoVa__dotYellow{background:#ffbd2e}.page-module__6oNoVa__dotGreen{background:#27c93f}.page-module__6oNoVa__terminalTitle{font-family:var(--font-mono);color:var(--text-muted);margin-left:8px;font-size:.75rem}.page-module__6oNoVa__terminalBody{padding:24px}.page-module__6oNoVa__section{padding:100px 0}.page-module__6oNoVa__sectionHead{margin-bottom:48px}.page-module__6oNoVa__sectionTitle{font-family:var(--font-mono);color:var(--text-main);align-items:center;gap:12px;font-size:1.8rem;font-weight:700;display:flex}.page-module__6oNoVa__sectionTitle:before{content:"/*";color:var(--syntax-comment)}.page-module__6oNoVa__sectionTitle:after{content:"*/";color:var(--syntax-comment)}.page-module__6oNoVa__lineNumbers{border-right:1px solid var(--border);width:30px;color:var(--syntax-comment);font-family:var(--font-mono);opacity:.3;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:flex-end;padding-right:8px;font-size:.7rem;display:flex;position:absolute;top:0;bottom:0;left:10px}.page-module__6oNoVa__aboutGrid{grid-template-columns:1fr 1.2fr;align-items:start;gap:60px;display:grid}.page-module__6oNoVa__codeBlock{font-family:var(--font-mono);border:1px solid var(--border);background:#010409;border-radius:6px;padding:20px;font-size:.9rem;line-height:1.5}.page-module__6oNoVa__keyword{color:var(--syntax-keyword)}.page-module__6oNoVa__string{color:var(--syntax-string)}.page-module__6oNoVa__func{color:var(--syntax-function)}.page-module__6oNoVa__const{color:var(--syntax-constant)}.page-module__6oNoVa__comment{color:var(--syntax-comment)}.page-module__6oNoVa__aboutDetails{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.page-module__6oNoVa__detailItem label{font-family:var(--font-mono);color:var(--secondary);margin-bottom:4px;font-size:.75rem;display:block}.page-module__6oNoVa__detailItem span{font-weight:500}.page-module__6oNoVa__skillsGrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.page-module__6oNoVa__skillCard{background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:12px;padding:20px;transition:transform .2s,border-color .2s;display:flex}.page-module__6oNoVa__skillCard:hover{border-color:var(--primary);transform:translateY(-4px)}.page-module__6oNoVa__skillName{font-family:var(--font-mono);font-weight:600}.page-module__6oNoVa__skillLevel{font-size:.7rem;font-family:var(--font-mono);background:var(--bg-panel);width:fit-content;color:var(--primary);border:1px solid var(--primary);border-radius:4px;padding:2px 8px}.page-module__6oNoVa__timeline{border-left:1px solid var(--border);flex-direction:column;gap:24px;padding-left:24px;display:flex;position:relative}.page-module__6oNoVa__timelineItem{position:relative}.page-module__6oNoVa__timelineItem:before{content:"";background:var(--bg-dark);border:2px solid var(--primary);border-radius:50%;width:10px;height:10px;position:absolute;top:8px;left:-29.5px}.page-module__6oNoVa__timelineCard{background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;padding:24px}.page-module__6oNoVa__timelineDate{font-family:var(--font-mono);color:var(--secondary);margin-bottom:8px;font-size:.8rem}.page-module__6oNoVa__timelineRole{margin-bottom:4px;font-size:1.2rem;font-weight:700}.page-module__6oNoVa__timelineOrg{color:var(--text-muted);margin-bottom:12px;font-size:.9rem}.page-module__6oNoVa__portfolioGrid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.page-module__6oNoVa__portfolioCard{color:inherit;text-decoration:none;display:block}.page-module__6oNoVa__portfolioBanner{aspect-ratio:16/9;border:1px solid var(--border);border-bottom:none;border-radius:6px 6px 0 0;width:100%;position:relative;overflow:hidden}.page-module__6oNoVa__portfolioInfo{background:var(--bg-surface);border:1px solid var(--border);border-radius:0 0 6px 6px;padding:20px}.page-module__6oNoVa__portfolioCategory{font-family:var(--font-mono);color:var(--secondary);margin-bottom:8px;font-size:.75rem}.page-module__6oNoVa__portfolioTitle{margin-bottom:12px;font-size:1.4rem;font-weight:700}.page-module__6oNoVa__awardGrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.page-module__6oNoVa__awardCard{background:var(--bg-surface);border:1px solid var(--border);color:inherit;border-radius:6px;gap:16px;padding:24px;text-decoration:none;display:flex}.page-module__6oNoVa__awardIcon{color:var(--primary);flex-shrink:0}.page-module__6oNoVa__awardName{margin-bottom:4px;font-weight:600}.page-module__6oNoVa__awardYear{font-family:var(--font-mono);color:var(--text-muted);font-size:.8rem}.page-module__6oNoVa__blogList{flex-direction:column;gap:24px;display:flex}.page-module__6oNoVa__blogCard{background:var(--bg-surface);border:1px solid var(--border);color:inherit;border-radius:6px;gap:32px;padding:32px;text-decoration:none;transition:transform .2s;display:flex}.page-module__6oNoVa__blogCard:hover{transform:scale(1.01)}.page-module__6oNoVa__blogMeta{width:120px;font-family:var(--font-mono);color:var(--syntax-comment);flex-shrink:0}.page-module__6oNoVa__blogBody h3{margin-bottom:12px;font-size:1.5rem}.page-module__6oNoVa__footer{border-top:1px solid var(--border);background:#010409;padding:100px 0 60px}.page-module__6oNoVa__socials{gap:20px;margin-bottom:40px;display:flex}.page-module__6oNoVa__socialLink{color:var(--text-muted);transition:color .2s}.page-module__6oNoVa__socialLink:hover{color:var(--primary)}.page-module__6oNoVa__copyright{font-family:var(--font-mono);color:var(--text-muted);text-align:center;font-size:.8rem}.page-module__6oNoVa__pagination{justify-content:center;align-items:center;gap:20px;margin-top:48px;display:flex}.page-module__6oNoVa__pageBtn{background:var(--bg-panel);border:1px solid var(--border);color:var(--text-main);cursor:pointer;font-family:var(--font-mono);border-radius:4px;padding:8px 16px}.page-module__6oNoVa__pageBtn:disabled{opacity:.5;cursor:not-allowed}.page-module__6oNoVa__pageInfo{font-family:var(--font-mono)}.page-module__6oNoVa__btnPrimary{background:var(--primary);color:#fff;border-radius:6px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;display:inline-flex}.page-module__6oNoVa__btnSecondary{background:var(--bg-panel);color:var(--text-main);border:1px solid var(--border);border-radius:6px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;display:inline-flex}@media (max-width:900px){.page-module__6oNoVa__hero{text-align:center;flex-direction:column-reverse}.page-module__6oNoVa__heroTitle{font-size:2.5rem}.page-module__6oNoVa__heroActions{justify-content:center}.page-module__6oNoVa__aboutGrid,.page-module__6oNoVa__portfolioGrid{grid-template-columns:1fr}.page-module__6oNoVa__navLinks{display:none}}