@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-display: "Space Mono", "JetBrains Mono", monospace;--max-width: 1200px;--nav-height: 56px;--scanline-opacity: .08;--glitch-intensity: 2px}[data-theme=dark]{--bg: #0a0f0a;--bg-elevated: #0d140d;--bg-panel: #0f180f;--bg-card: #111b11;--fg: #c8e6c8;--fg-muted: #6a8f6a;--fg-subtle: #3d5a3d;--fg-inverse: #0a0f0a;--accent: #00ff41;--accent-dim: #00cc33;--accent-glow: rgba(0, 255, 65, .4);--accent-bg: rgba(0, 255, 65, .1);--warn: #ffb800;--warn-bg: rgba(255, 184, 0, .1);--error: #ff3366;--error-bg: rgba(255, 51, 102, .1);--info: #00d4ff;--info-bg: rgba(0, 212, 255, .1);--border: #1a2e1a;--border-bright: #2a4a2a;--border-focus: #00ff41;--selection-bg: #00ff41;--selection-fg: #0a0f0a;--scanline-color: rgba(0, 255, 65, .03)}[data-theme=light]{--bg: #fdf6e3;--bg-elevated: #fffef9;--bg-panel: #f5ebd8;--bg-card: #ece3cc;--fg: #3d2f1a;--fg-muted: #8b7d5a;--fg-subtle: #c9b896;--fg-inverse: #fdf6e3;--accent: #b86000;--accent-dim: #995000;--accent-glow: rgba(184, 96, 0, .3);--accent-bg: rgba(184, 96, 0, .12);--warn: #cc7700;--warn-bg: rgba(204, 119, 0, .15);--error: #cc3344;--error-bg: rgba(204, 51, 68, .15);--info: #0077aa;--info-bg: rgba(0, 119, 170, .15);--border: #d4c4a0;--border-bright: #c4b088;--border-focus: #b86000;--selection-bg: #b86000;--selection-fg: #fdf6e3;--scanline-color: rgba(184, 96, 0, .04)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-mono);font-size:14px;line-height:1.6;min-height:100vh;transition:background .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--selection-bg);color:var(--selection-fg)}a{color:inherit;text-decoration:none}button{font:inherit;background:none;border:none;cursor:pointer}img{max-width:100%;height:auto;display:block}.terminal{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.terminal:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--scanline-color) 2px,var(--scanline-color) 4px);pointer-events:none;z-index:1000;opacity:var(--scanline-opacity);animation:scanline-move 8s linear infinite}@keyframes scanline-move{0%{transform:translateY(0)}to{transform:translateY(4px)}}.terminal:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 50%,var(--bg) 100%);pointer-events:none;z-index:999;opacity:.3}.terminal-header{position:sticky;top:0;z-index:100;background:var(--bg-elevated);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.terminal-bar{display:flex;align-items:center;justify-content:space-between;height:var(--nav-height);padding:0 24px;max-width:var(--max-width);margin:0 auto}.terminal-controls{display:flex;gap:8px}.terminal-controls .control{width:12px;height:12px;border-radius:50%;background:var(--border-bright);transition:transform .2s ease,background .2s ease}.terminal-controls .close{background:#ff5f57}.terminal-controls .minimize{background:#febc2e}.terminal-controls .maximize{background:#28ca42}.terminal-controls .control:hover{transform:scale(1.15)}.terminal-title{font-family:var(--font-mono);font-size:12px;color:var(--fg-muted);letter-spacing:.02em}.theme-toggle{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;color:var(--fg);font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease}.theme-toggle:hover{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-icon{font-size:12px;line-height:1}.terminal-nav{display:flex;gap:2px;padding:0 24px 8px;max-width:var(--max-width);margin:0 auto;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.terminal-nav::-webkit-scrollbar{display:none}.nav-item{position:relative;padding:8px 16px;font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted);white-space:nowrap;transition:color .2s ease}.nav-item:before{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--accent);opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease;clip-path:inset(0 0 50% 0)}.nav-item:hover{color:var(--accent)}.nav-item:hover:before{opacity:1;transform:translateY(0)}.terminal-body{flex:1;width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px;position:relative;z-index:10}.section{position:relative;padding:80px 0;border-top:1px solid var(--border)}.section:first-of-type{border-top:none;padding-top:40px}.section-header{display:flex;align-items:baseline;gap:16px;margin-bottom:48px}.section-index{font-family:var(--font-display);font-size:11px;font-weight:700;color:var(--accent);letter-spacing:.1em}.section-title{margin:0;font-family:var(--font-display);font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1.1;letter-spacing:-.03em;color:var(--fg)}.section-body{position:relative}.hero{padding-top:60px;padding-bottom:100px}.hero-grid{display:grid;grid-template-columns:1fr 320px;gap:48px;align-items:start}.hero-header{display:flex;gap:8px;margin-bottom:16px;opacity:.7}.hero-output{margin:0 0 32px;padding:16px;background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;overflow-x:auto;font-size:12px;line-height:1.7;color:var(--fg-muted);white-space:pre-wrap;word-wrap:break-word}.hero-output code{font-family:var(--font-mono);color:var(--accent)}.hero-title{margin:0 0 24px;font-family:var(--font-display);font-size:clamp(48px,8vw,96px);font-weight:700;line-height:.95;letter-spacing:-.04em;color:var(--fg)}.hero-title .line{display:block}.hero-tagline{margin:0 0 32px;font-family:var(--font-mono);font-size:13px;line-height:1.8;color:var(--fg-muted)}.hero-tagline .bracket{color:var(--fg-subtle)}.hero-tagline .keyword{color:var(--accent);font-weight:600}.cta-group{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--border);border-radius:4px;transition:all .2s ease;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent);transform:translate(-101%);transition:transform .3s ease;z-index:-1}.btn:hover:before{transform:translate(0)}.btn-primary{color:var(--fg-inverse);border-color:var(--accent)}.btn-primary:before{background:var(--accent)}.btn-primary:hover{color:var(--fg-inverse);border-color:var(--accent)}.btn-secondary{color:var(--fg);background:transparent}.btn-secondary:hover{color:var(--fg-inverse);border-color:var(--accent)}.btn-secondary:before{background:var(--accent)}.btn-arrow{transition:transform .2s ease}.btn:hover .btn-arrow{transform:translate(4px)}.hero-side{position:sticky;top:calc(var(--nav-height) + 40px);height:fit-content}.side-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;overflow:hidden}.panel-header{display:flex;gap:8px;padding:12px 16px;background:var(--bg-card);border-bottom:1px solid var(--border);font-size:11px;color:var(--fg-muted)}.panel-header .command{color:var(--accent)}.panel-content{margin:0;padding:16px;font-size:11px;line-height:1.8;color:var(--fg);white-space:pre-wrap;word-wrap:break-word}.panel-content code{font-family:var(--font-mono)}.about-section{min-height:500px}.about-content{max-width:800px}.text-block p{margin:0 0 16px;color:var(--fg-muted);line-height:1.8}.text-block p:last-child{margin-bottom:24px}.interest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;list-style:none;padding:0;margin:0}.interest-item{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;transition:all .2s ease}.interest-item:hover{border-color:var(--accent);background:var(--accent-bg)}.interest-item .check{color:var(--accent);font-family:var(--font-mono);font-size:11px;flex-shrink:0}.interest-item span:last-child{font-size:13px;color:var(--fg)}.projects-header,.posts-header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px;flex-wrap:wrap}.projects-desc,.posts-desc{margin:0;color:var(--fg-muted);font-size:14px}.project-count,.post-count{font-family:var(--font-mono);font-size:11px;color:var(--fg-subtle);white-space:nowrap}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;overflow:hidden;transition:all .3s ease;position:relative}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.project-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 40px -12px var(--accent-glow)}.project-card:hover:before{transform:scaleX(1)}.card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg-panel)}.card-number{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--accent)}.card-lang{font-family:var(--font-mono);font-size:10px;color:var(--fg-subtle);text-transform:uppercase}.card-body{padding:20px}.card-title{margin:0 0 12px;font-family:var(--font-display);font-size:18px;font-weight:700;line-height:1.2;color:var(--fg)}.card-desc{margin:0 0 20px;font-size:13px;line-height:1.6;color:var(--fg-muted)}.card-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);transition:gap .2s ease}.card-link:hover{gap:12px}.posts-list{display:flex;flex-direction:column;gap:1px}.post-card{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;overflow:hidden;transition:all .2s ease}.post-card:hover{border-color:var(--border-bright);background:var(--bg-panel)}.post-meta{display:flex;gap:16px;padding:12px 20px;background:var(--bg-panel);border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:10px;color:var(--fg-subtle);text-transform:uppercase}.post-link{display:block;padding:20px;gap:16px}.post-title{margin:0 0 8px;font-family:var(--font-display);font-size:16px;font-weight:700;line-height:1.3;color:var(--fg);transition:color .2s ease}.post-card:hover .post-title{color:var(--accent)}.post-excerpt{margin:0 0 16px;font-size:13px;line-height:1.6;color:var(--fg-muted)}.read-more{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);transition:gap .2s ease}.post-card:hover .read-more{gap:10px}.links-list{display:flex;flex-direction:column;gap:1px}.link-item{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;transition:all .2s ease}.link-item:hover{border-color:var(--accent);background:var(--accent-bg)}.link-info{display:flex;flex-direction:column;gap:4px;min-width:0}.link-label{font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--fg)}.link-url{font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-arrow{font-family:var(--font-mono);font-size:12px;color:var(--accent);flex-shrink:0;transition:transform .2s ease}.link-item:hover .link-arrow{transform:translate(4px)}.post-page{padding-top:40px;padding-bottom:80px}.back-link{display:inline-flex;align-items:center;gap:8px;margin-bottom:32px;padding:8px 12px;font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);border:1px solid var(--border);border-radius:4px;transition:all .2s ease}.back-link:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-bg)}.back-link .command{color:var(--accent)}.post-header{margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid var(--border)}.post-meta-header{display:flex;gap:16px;margin-bottom:16px;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;color:var(--fg-subtle)}.post-meta-header .post-category{color:var(--accent)}.post-title-main{margin:0 0 16px;font-family:var(--font-display);font-size:clamp(32px,5vw,56px);font-weight:700;line-height:1.1;letter-spacing:-.03em;color:var(--fg)}.post-description{margin:0;max-width:700px;font-size:15px;line-height:1.7;color:var(--fg-muted)}.post-content{font-size:15px;line-height:1.85;color:var(--fg)}.post-content>*{max-width:800px}.post-content h1,.post-content h2,.post-content h3,.post-content h4{margin-top:48px;margin-bottom:16px;font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--fg)}.post-content h1{font-size:32px}.post-content h2{font-size:26px}.post-content h3{font-size:20px}.post-content h4{font-size:16px}.post-content p{margin:16px 0;color:var(--fg-muted)}.post-content strong{color:var(--fg);font-weight:600}.post-content ul,.post-content ol{padding-left:24px;margin:16px 0;color:var(--fg-muted)}.post-content li{margin:8px 0}.post-content a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;transition:color .2s ease}.post-content a:hover{color:var(--accent-dim)}.post-content blockquote{margin:24px 0;padding:8px 0 8px 20px;border-left:3px solid var(--accent);background:var(--accent-bg);border-radius:0 4px 4px 0;color:var(--fg-muted);font-style:italic}.post-content pre{position:relative;margin:24px 0;padding:16px;background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;overflow-x:auto}.code-header{position:absolute;top:0;left:0;right:0;height:32px;display:flex;align-items:center;padding:0 12px;background:var(--bg-card);border-bottom:1px solid var(--border);border-radius:6px 6px 0 0}.code-controls{display:flex;gap:6px}.code-controls span{width:8px;height:8px;border-radius:50%;background:var(--border-bright)}.code-controls span:nth-child(1){background:#ff5f57}.code-controls span:nth-child(2){background:#febc2e}.code-controls span:nth-child(3){background:#28ca42}.post-content pre code{display:block;padding-top:40px;font-family:var(--font-mono);font-size:12px;line-height:1.7;color:var(--fg)}.inline-code{padding:2px 6px;font-family:var(--font-mono);font-size:.9em;background:var(--bg-panel);border:1px solid var(--border);border-radius:3px;color:var(--accent)}.post-content table{width:100%;margin:24px 0;border-collapse:collapse;font-size:13px}.post-content th,.post-content td{padding:10px 12px;border:1px solid var(--border);text-align:left}.post-content th{background:var(--bg-panel);color:var(--fg);font-weight:600}.post-content td{color:var(--fg-muted)}.not-found{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:80px 0}.error-container{text-align:center;max-width:400px}.error-code{display:block;font-family:var(--font-display);font-size:clamp(80px,15vw,160px);font-weight:700;line-height:1;color:var(--accent);opacity:.3;letter-spacing:-.05em;margin-bottom:-40px}.error-title{margin:0 0 16px;font-family:var(--font-display);font-size:clamp(24px,4vw,36px);font-weight:700;color:var(--fg)}.error-desc{margin:0 0 32px;color:var(--fg-muted);line-height:1.6}.terminal-footer{margin-top:auto;padding:60px 24px 30px;background:var(--bg-elevated);border-top:1px solid var(--border);position:relative;z-index:10}.footer-content{max-width:var(--max-width);margin:0 auto;display:flex;flex-direction:column;gap:24px;align-items:flex-start}.footer-left{display:flex;flex-direction:column;gap:4px}.footer-left .prompt{color:var(--fg-subtle);font-size:12px}.footer-left .command{color:var(--accent);font-family:var(--font-mono);font-size:14px}.footer-email{display:inline-flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;font-family:var(--font-mono);font-size:12px;color:var(--fg);transition:all .2s ease}.footer-email:hover{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.footer-email .prompt{color:var(--fg-subtle)}.footer-email .command{color:var(--accent)}.footer-email .arrow{transition:transform .2s ease}.footer-email:hover .arrow{transform:translate(4px)}.footer-bottom{display:flex;flex-wrap:wrap;gap:16px 32px;margin-top:8px;padding-top:24px;border-top:1px solid var(--border);width:100%;font-family:var(--font-mono);font-size:10px;color:var(--fg-subtle)}@media (max-width: 900px){.hero-grid{grid-template-columns:1fr}.hero-side{position:static;order:-1}.side-panel{max-width:480px;margin:0 auto 32px}.terminal-nav{padding-bottom:4px}}@media (max-width: 768px){.terminal-bar{padding:0 16px}.terminal-nav{padding:0 16px 8px}.terminal-body{padding:0 16px}.section{padding:60px 0}.projects-grid{grid-template-columns:1fr}.footer-content{align-items:stretch}.footer-email{justify-content:center}}@media (max-width: 480px){.terminal-title,.theme-toggle .theme-text{display:none}.nav-item{padding:8px 10px;font-size:10px}.hero-title{font-size:clamp(36px,10vw,56px)}.cta-group{flex-direction:column}.btn{width:100%;justify-content:center}.post-title-main{font-size:28px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.terminal:before{animation:none}}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (prefers-contrast: high){:root{--border: currentColor;--border-bright: currentColor}}