:root{--bg-primary: #050505;--bg-secondary: #0a0a0a;--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .06);--text-primary: #fafafa;--text-secondary: #737373;--accent: #a78bfa;--accent-glow: rgba(167, 139, 250, .15);--accent-secondary: #67e8f9;--border: rgba(255, 255, 255, .06);--border-hover: rgba(167, 139, 250, .3);--max-width: 560px;--radius: 14px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.7;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(167,139,250,.06) 0%,transparent 60%);pointer-events:none;z-index:0}a{color:var(--accent);text-decoration:none;transition:all .25s ease}a:hover{color:var(--text-primary)}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px;position:relative;z-index:1}.site-header{padding:32px 0 16px;display:flex;justify-content:space-between;align-items:center}.site-header .logo{font-size:13px;font-weight:600;color:var(--text-secondary);letter-spacing:2px;text-transform:uppercase;transition:color .25s ease}.site-header .logo:hover{color:var(--text-primary)}.site-header nav{display:flex;gap:16px;align-items:center}.site-header nav a{font-size:13px;color:var(--text-secondary);transition:color .25s ease}.site-header nav a:hover{color:var(--text-primary)}.lang-switch{font-size:11px;font-weight:500;color:var(--text-secondary);border:1px solid var(--border);padding:3px 10px;border-radius:100px;transition:all .25s ease}.lang-switch:hover{color:var(--accent);border-color:var(--border-hover);background:var(--accent-glow)}.page-content{padding:32px 0 80px;animation:fadeUp .6s cubic-bezier(.16,1,.3,1)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.landing{text-align:center;padding-top:72px}.landing .avatar-wrapper{width:88px;height:88px;margin:0 auto 28px;position:relative}.landing .avatar-wrapper:after{content:"";position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(from 0deg,var(--accent),var(--accent-secondary),var(--accent));opacity:.5;z-index:-1;animation:rotate 8s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.landing .avatar{width:88px;height:88px;border-radius:50%;border:3px solid var(--bg-primary);display:block;object-fit:cover;background:var(--bg-card)}.landing .status-dot{position:absolute;bottom:2px;right:2px;width:14px;height:14px;background:#4ade80;border:3px solid var(--bg-primary);border-radius:50%}.landing h1{font-size:26px;font-weight:700;margin-bottom:6px;letter-spacing:-.5px;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing .tagline{color:var(--text-secondary);font-size:14px;margin-bottom:40px;font-weight:400}.nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:420px;margin:0 auto}.nav-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);transition:all .3s cubic-bezier(.16,1,.3,1);text-align:center;backdrop-filter:blur(10px);position:relative;overflow:hidden}.nav-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,var(--accent-glow) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.nav-card:hover:before{opacity:1}.nav-card:hover{border-color:var(--border-hover);transform:translateY(-2px);background:var(--bg-card-hover)}.nav-card .icon{position:relative;z-index:1}.nav-card .icon svg{width:24px;height:24px;opacity:.7;transition:opacity .3s ease}.nav-card:hover .icon svg{opacity:1}.nav-card .label{position:relative;z-index:1;font-size:13px;font-weight:500;letter-spacing:.3px}.social-links{display:flex;justify-content:center;gap:12px;margin-top:44px}.social-links a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);border:1px solid var(--border);border-radius:50%;transition:all .25s ease}.social-links a:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--accent-glow);transform:translateY(-1px)}.social-links a svg{width:18px;height:18px}.page-title{font-size:28px;font-weight:700;margin-bottom:6px;letter-spacing:-.5px}.page-subtitle{color:var(--text-secondary);font-size:14px;margin-bottom:40px}.section{margin-bottom:36px}.section h2{font-size:11px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:2px;margin-bottom:16px}.timeline-item{padding:16px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;transition:all .25s ease}.timeline-item:hover{border-color:var(--border-hover)}.timeline-item .title{font-weight:600;font-size:15px}.timeline-item .meta{font-size:13px;color:var(--text-secondary);margin-top:4px}.timeline-item .desc{font-size:14px;margin-top:8px;line-height:1.7;color:var(--text-secondary)}.link-list{list-style:none}.link-list li{margin-bottom:6px}.link-list li a{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:all .25s ease}.link-list li a:hover{border-color:var(--border-hover);transform:translate(2px)}.link-list .link-title{font-weight:500;font-size:14px;color:var(--text-primary)}.link-list .link-url{font-size:12px;color:var(--text-secondary);margin-top:2px}.link-list .arrow{color:var(--text-secondary);font-size:16px;transition:transform .25s ease}.link-list li a:hover .arrow{color:var(--accent);transform:translate(3px)}.bio-text{font-size:15px;line-height:1.8;color:var(--text-secondary);margin-bottom:36px}.bio-text strong{color:var(--text-primary);font-weight:500}.tag-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none}.tag-list li{padding:6px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:100px;font-size:13px;color:var(--text-secondary);transition:all .25s ease}.tag-list li:hover{border-color:var(--border-hover);color:var(--text-primary)}.placeholder{color:var(--text-secondary);font-size:13px;font-style:italic}.site-footer{padding:24px 0;border-top:1px solid var(--border);text-align:center}.site-footer p{font-size:12px;color:var(--text-secondary);letter-spacing:.3px}@media(max-width:480px){.landing{padding-top:48px}.landing h1{font-size:22px}.nav-grid{grid-template-columns:1fr 1fr;max-width:100%}.nav-card{padding:20px 12px}}.nav-card.wide{grid-column:1 / -1;flex-direction:row;gap:14px;padding:18px 24px}.blog-list{list-style:none}.blog-list li{margin-bottom:6px}.blog-list li a{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:all .25s ease}.blog-list li a:hover{border-color:var(--border-hover);transform:translate(2px)}.blog-list .post-title{font-weight:500;font-size:14px;color:var(--text-primary)}.blog-list .post-meta{display:flex;align-items:center;gap:10px;margin-top:4px;font-size:12px;color:var(--text-secondary)}.blog-list .arrow{color:var(--text-secondary);font-size:16px;transition:transform .25s ease;flex-shrink:0}.blog-list li a:hover .arrow{color:var(--accent);transform:translate(3px)}.tag-mini{display:inline-block;padding:2px 8px;background:var(--accent-glow);border-radius:100px;font-size:11px;color:var(--accent)}.post-tags{display:inline-flex;gap:4px;flex-wrap:wrap}.blog-post{max-width:100%}.back-link{display:inline-block;font-size:13px;color:var(--text-secondary);margin-bottom:24px;transition:color .25s ease}.back-link:hover{color:var(--accent)}.post-header{margin-bottom:32px}.post-header h1{font-size:26px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.post-meta-detail{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-secondary)}.prose{font-size:15px;line-height:1.8;color:var(--text-secondary)}.prose h1,.prose h2,.prose h3{color:var(--text-primary);margin-top:32px;margin-bottom:12px;font-weight:600}.prose h2{font-size:20px}.prose h3{font-size:17px}.prose p{margin-bottom:16px}.prose ul,.prose ol{margin-bottom:16px;padding-left:20px}.prose li{margin-bottom:6px}.prose code{background:var(--bg-card);border:1px solid var(--border);padding:2px 6px;border-radius:4px;font-size:13px;font-family:JetBrains Mono,Fira Code,monospace}.prose pre{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:16px;overflow-x:auto;margin-bottom:16px;font-size:13px;line-height:1.6}.prose pre code{background:none;border:none;padding:0}.prose blockquote{border-left:3px solid var(--accent);padding-left:16px;margin-bottom:16px;color:var(--text-secondary);font-style:italic}.prose img{max-width:100%;border-radius:var(--radius);margin-bottom:16px}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.prose a:hover{color:var(--text-primary)}.prose hr{border:none;border-top:1px solid var(--border);margin:24px 0}