:root{--bg: #080b12;--bg-alt: #0a0e17;--surface: #0f1420;--surface-raised: #151b2b;--nav-bg: rgba(8, 11, 18, .82);--accent: #00d4ff;--accent-secondary: #7b5cf5;--accent-soft: rgba(0, 212, 255, .1);--accent-medium: rgba(0, 212, 255, .22);--accent-glow: rgba(0, 212, 255, .05);--accent2-soft: rgba(123, 92, 245, .1);--text: #e0e4ec;--text-secondary: #9ba4b8;--muted: #505a70;--border: rgba(255, 255, 255, .06);--border-accent: rgba(0, 212, 255, .12);--grid-line: rgba(0, 212, 255, .025);--glow: rgba(0, 212, 255, .35);--glow-soft: rgba(0, 212, 255, .12);--gradient-accent: linear-gradient(90deg, var(--accent), var(--accent-secondary));--font-serif: "DM Serif Display", Georgia, serif;--font-mono: "IBM Plex Mono", "Menlo", monospace;--font-body: "Source Sans 3", "Helvetica Neue", sans-serif;--radius: 4px;--radius-lg: 8px;--max-w: 1100px;--section-pad: 110px 24px;--transition: .3s cubic-bezier(.25, .46, .45, .94);--ease-out: cubic-bezier(.22, 1, .36, 1)}html[data-theme=light]{--bg: #ece6d8;--bg-alt: #e4ddcc;--surface: #e0d8c4;--surface-raised: #d6cdb6;--nav-bg: rgba(236, 230, 216, .82);--accent: #b8552a;--accent-secondary: #6b4ce8;--accent-soft: rgba(184, 85, 42, .1);--accent-medium: rgba(184, 85, 42, .22);--accent-glow: rgba(184, 85, 42, .05);--accent2-soft: rgba(107, 76, 232, .08);--text: #2a2418;--text-secondary: #5a5240;--muted: #8a8270;--border: rgba(42, 36, 24, .12);--border-accent: rgba(184, 85, 42, .22);--grid-line: rgba(42, 36, 24, .045);--glow: rgba(184, 85, 42, .28);--glow-soft: rgba(184, 85, 42, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);font-weight:400;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition),color var(--transition)}body:after{content:"";position:fixed;inset:0;z-index:998;pointer-events:none;opacity:.038;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}h1,h2,h3,h4{font-family:var(--font-serif);line-height:1.2;font-weight:400;color:var(--text)}a{color:inherit;text-decoration:none}::selection{background:var(--accent-medium);color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-raised);border-radius:99px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease var(--d, 0s),transform .7s var(--ease-out) var(--d, 0s)}.reveal.in{opacity:1;transform:none}.theme-toggle{position:fixed;bottom:24px;right:24px;z-index:1000;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface-raised);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;transition:all var(--transition);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.theme-toggle:hover{color:var(--accent);border-color:var(--border-accent);box-shadow:0 0 16px var(--glow-soft);transform:rotate(15deg)}.theme-toggle .theme-icon-sun{display:none}.theme-toggle .theme-icon-moon,html[data-theme=light] .theme-toggle .theme-icon-sun{display:block}html[data-theme=light] .theme-toggle .theme-icon-moon{display:none}.nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid var(--border);padding:0 24px}.nav-inner{max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px}.nav-logo{font-family:var(--font-serif);font-size:1.15rem;color:var(--text);letter-spacing:-.01em;transition:text-shadow var(--transition)}.nav-logo:hover{text-shadow:0 0 20px var(--glow)}.nav-logo span{color:var(--accent)}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{position:relative;font-family:var(--font-mono);font-size:.78rem;color:var(--muted);letter-spacing:.04em;padding:4px 0;transition:color var(--transition)}.nav-links a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease-out)}.nav-links a:hover{color:var(--text-secondary)}.nav-links a:hover:after{transform:scaleX(1)}.nav-links a.active{color:var(--accent)}.nav-links a.active:after{transform:scaleX(1)}.hero{position:relative;min-height:calc(100svh - 64px);display:flex;align-items:center;padding:var(--section-pad);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 20%,transparent 70%);pointer-events:none}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 45% 55% at 82% 15%,var(--accent-glow) 0%,transparent 65%),radial-gradient(ellipse 40% 45% at 8% 85%,var(--accent2-soft) 0%,transparent 70%);opacity:.8;pointer-events:none}.hero-content{position:relative;z-index:1;max-width:var(--max-w);margin:0 auto;width:100%}@keyframes rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.hero-content>*{animation:rise .9s var(--ease-out) both}.hero-content>*:nth-child(1){animation-delay:.05s}.hero-content>*:nth-child(2){animation-delay:.18s}.hero-content>*:nth-child(3){animation-delay:.34s}.hero-content>*:nth-child(4){animation-delay:.46s}.hero-content>*:nth-child(5){animation-delay:.58s}.hero-label{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border:1px solid var(--border-accent);padding:6px 14px;border-radius:var(--radius);margin-bottom:28px;background:var(--accent-glow)}.hero-label:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:pulse-dot 2.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 8px var(--accent)}50%{opacity:.5;box-shadow:0 0 4px var(--accent)}}.hero-name{font-family:var(--font-serif);font-size:clamp(3.2rem,8vw,6.2rem);font-weight:400;letter-spacing:-.02em;color:var(--text);line-height:1.02;position:relative}.hero-tagline{font-family:var(--font-body);font-size:clamp(1rem,2vw,1.15rem);color:var(--text-secondary);max-width:580px;margin-bottom:40px;line-height:1.8;font-weight:300}.hero-ctas{display:flex;gap:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:var(--radius);font-family:var(--font-mono);font-size:.78rem;font-weight:500;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:all var(--transition);border:1px solid transparent}.btn-primary{background:var(--accent);color:var(--bg);border-color:var(--accent);box-shadow:0 0 0 transparent}.btn-primary:hover{box-shadow:0 6px 28px var(--glow);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:var(--border)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.status-row{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:22px 24px}.status-inner{max-width:var(--max-w);margin:0 auto;display:flex;flex-wrap:wrap;gap:16px 44px;align-items:center}.status-item{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--glow);flex-shrink:0;animation:pulse-dot 2.5s ease-in-out infinite}.status-item strong{color:var(--text);font-weight:500}.section{padding:var(--section-pad)}.section-inner{max-width:var(--max-w);margin:0 auto}.section-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.section-title{font-family:var(--font-serif);font-size:clamp(1.9rem,4vw,2.8rem);font-weight:400;letter-spacing:-.01em;margin-bottom:48px;color:var(--text);display:flex;align-items:center;gap:28px}.section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border-accent),transparent)}#about{background:var(--surface);border-top:1px solid var(--border)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.about-bio{font-size:.98rem;color:var(--text-secondary);line-height:1.9;font-weight:300}.about-bio p+p{margin-top:20px}.about-bio strong{color:var(--text);font-weight:500}.skills-title{font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:28px}.skill-list{display:flex;flex-direction:column;gap:24px}.skill-header{display:flex;justify-content:space-between;margin-bottom:9px;font-family:var(--font-mono);font-size:.8rem}.skill-name{color:var(--text-secondary)}.skill-pct{color:var(--accent);font-weight:600}.skill-track{height:8px;background:var(--border);overflow:hidden;mask-image:repeating-linear-gradient(90deg,black 0 12px,transparent 12px 16px);-webkit-mask-image:repeating-linear-gradient(90deg,black 0 12px,transparent 12px 16px)}.skill-bar{height:100%;background:var(--gradient-accent);width:0%;transition:width 1.2s var(--ease-out)}.skill-bar.animate{width:var(--target-width)}#writing{border-top:1px solid var(--border)}.blog-list{display:flex;flex-direction:column;gap:0}.blog-item{display:grid;grid-template-columns:44px 110px 1fr auto;align-items:center;gap:24px;padding:26px 0;border-bottom:1px solid var(--border);text-decoration:none;color:inherit;transition:all var(--transition)}.blog-item:first-child{border-top:1px solid var(--border)}.blog-item:hover{padding-left:12px}.blog-idx{font-family:var(--font-mono);font-size:.73rem;color:var(--muted);letter-spacing:.05em;transition:color var(--transition)}.blog-item:hover .blog-idx{color:var(--accent)}.blog-date{font-family:var(--font-mono);font-size:.73rem;color:var(--muted);letter-spacing:.03em}.blog-meta{display:flex;flex-direction:column;gap:6px}.blog-title{font-family:var(--font-serif);font-size:1.15rem;color:var(--text);transition:color var(--transition)}.blog-tag{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);padding:2px 8px;border-radius:var(--radius);width:fit-content}.blog-publisher{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);border:1px solid var(--border-accent);background:var(--accent-soft);padding:2px 8px;border-radius:var(--radius);width:fit-content}.blog-arrow{color:var(--muted);font-size:1.2rem;transition:transform var(--transition),color var(--transition)}.blog-item:hover .blog-title{color:var(--accent)}.blog-item:hover .blog-arrow{color:var(--accent);transform:translate(6px)}.blog-item-external:hover .blog-arrow{transform:translate(4px,-4px)}.writing-footer{margin-top:40px;display:flex;justify-content:flex-end}.post-page{max-width:720px;margin:0 auto;padding:80px 24px}.post-back{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.78rem;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:48px;transition:color var(--transition),transform var(--transition)}.post-back:hover{color:var(--accent);transform:translate(-4px)}.post-header{margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid var(--border)}.post-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.post-tag{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);border:1px solid var(--border-accent);padding:3px 10px;border-radius:var(--radius);background:var(--accent-glow)}.post-title{font-family:var(--font-serif);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:400;letter-spacing:-.02em;margin-bottom:16px}.post-date{font-family:var(--font-mono);font-size:.78rem;color:var(--muted)}.post-body{font-family:var(--font-body);font-size:1.02rem;line-height:1.9;color:var(--text-secondary);font-weight:300}.post-body h2{font-family:var(--font-serif);font-size:1.5rem;margin:52px 0 18px;color:var(--text)}.post-body h3{font-family:var(--font-serif);font-size:1.15rem;margin:36px 0 14px;color:var(--text)}.post-body p{margin-bottom:20px}.post-body ul,.post-body ol{padding-left:24px;margin-bottom:20px}.post-body li{margin-bottom:8px}.post-body code{font-family:var(--font-mono);background:var(--surface-raised);border:1px solid var(--border);padding:2px 7px;border-radius:4px;font-size:.86em;color:var(--accent)}.post-body pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;overflow-x:auto;margin-bottom:24px}.post-body pre code{background:none;border:none;padding:0;color:var(--text)}.post-body blockquote{border-left:3px solid var(--accent);padding-left:20px;color:var(--muted);font-style:italic;margin:28px 0}.post-body a{color:var(--accent);border-bottom:1px solid var(--border-accent);transition:border-color var(--transition)}.post-body a:hover{border-color:var(--accent)}.read-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:300;pointer-events:none}.read-progress span{display:block;height:100%;width:0;background:var(--gradient-accent);box-shadow:0 0 8px var(--glow)}.footer{position:relative;border-top:1px solid var(--border);padding:28px 24px;background:var(--surface)}.footer:before{content:"";position:absolute;top:-1px;left:0;width:180px;height:1px;background:linear-gradient(90deg,var(--accent),transparent);opacity:.5}.footer-inner{max-width:var(--max-w);margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-left{font-family:var(--font-mono);font-size:.78rem;color:var(--muted)}.footer-right{display:flex;gap:24px}.footer-right a{font-family:var(--font-mono);font-size:.78rem;color:var(--muted);transition:color var(--transition);letter-spacing:.03em}.footer-right a:hover{color:var(--accent)}@media(max-width:720px){:root{--section-pad: 64px 20px}.nav-links{gap:20px}.about-grid{grid-template-columns:1fr;gap:40px}.blog-item{grid-template-columns:28px 1fr auto;gap:12px}.blog-date{display:none}.hero-name{font-size:clamp(2.8rem,11vw,3.8rem)}}@media print{:root,html[data-theme=light],html[data-theme=dark]{--bg: #ffffff;--surface: #ffffff;--surface-raised: #f2f2f2;--text: #111111;--text-secondary: #333333;--muted: #555555;--accent: #1a4a8a;--accent-secondary: #1a4a8a;--border: rgba(0, 0, 0, .18);--border-accent: rgba(0, 0, 0, .3)}body:after,.nav,.footer,.theme-toggle,.cv-download,.read-progress{display:none!important}body{background:#fff}.reveal{opacity:1!important;transform:none!important}.skill-bar{width:var(--target-width)!important;transition:none}a{color:inherit}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}