:root{color-scheme:light;--bg: #f6f7fb;--surface: rgba(255, 255, 255, .78);--surface-strong: #ffffff;--text: #101522;--muted: #5c6475;--line: rgba(16, 21, 34, .1);--accent: #3157ff;--accent-soft: rgba(49, 87, 255, .12);--shadow: 0 24px 80px rgba(18, 24, 40, .1);--success: #16a34a;--warning: #f59e0b;--danger: #ef4444;--terminal: #0a0f1d}:root[data-theme=dark]{color-scheme:dark;--bg: #070b16;--surface: rgba(15, 20, 35, .78);--surface-strong: #0e1528;--text: #edf2ff;--muted: #a7b0c5;--line: rgba(237, 242, 255, .12);--accent: #8ea5ff;--accent-soft: rgba(142, 165, 255, .14);--shadow: 0 24px 80px rgba(0, 0, 0, .35);--success: #6ee7b7;--warning: #fbbf24;--danger: #fb7185;--terminal: #050814}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(rgba(142,165,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(142,165,255,.035) 1px,transparent 1px),radial-gradient(circle at top left,var(--accent-soft),transparent 28%),radial-gradient(circle at top right,rgba(110,168,255,.12),transparent 20%),var(--bg);background-size:34px 34px,34px 34px,auto,auto,auto;color:var(--text);overflow-x:hidden}a{color:inherit;text-decoration:none}.page-shell{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:28px 0 72px}.scroll-progress{position:fixed;top:0;left:0;z-index:30;height:3px;background:linear-gradient(90deg,var(--accent),#b6c4ff);box-shadow:0 0 18px var(--accent);transition:width .12s linear}.nav,.hero,.section,.contact-card,.project-card,.skill-card,.timeline-item{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav{position:sticky;top:18px;z-index:10;display:grid;grid-template-columns:auto 1fr auto;gap:16px;justify-content:space-between;align-items:center;margin-bottom:56px;padding:12px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);box-shadow:0 14px 40px #00000014}.brand{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-weight:700}.nav-links{display:flex;align-items:center;justify-content:flex-end;gap:10px;color:var(--muted);font-size:.95rem}.nav-links a{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:106px;border-radius:999px;padding:9px 10px;transition:color .18s ease,background-color .18s ease}.nav-links a:after{content:"";position:absolute;right:0;bottom:-8px;left:0;height:2px;transform:scaleX(0);transform-origin:center;background:var(--accent);transition:transform .18s ease}.nav-links a:hover,.nav-links a.is-active{background:var(--accent-soft);color:var(--text)}.nav-links a:hover:after,.nav-links a.is-active:after{transform:scaleX(1)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:92px;border:1px solid var(--line);border-radius:999px;padding:10px 12px;background:var(--surface-strong);color:var(--text);font:inherit;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.theme-toggle:hover{transform:translateY(-2px);border-color:var(--accent)}.hero{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:44px;align-items:center;margin-bottom:88px}.eyebrow{margin:0 0 14px;color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:10px;font-size:clamp(2.5rem,6vw,4.5rem);line-height:.95;letter-spacing:-.08em}h2{margin-bottom:18px;font-size:clamp(1.55rem,3vw,2.25rem);letter-spacing:-.04em}.hero-role{margin-bottom:16px;color:var(--muted);font-size:1.15rem}.hero-tagline,.lede{max-width:700px;color:var(--muted);font-size:1.08rem;line-height:1.8}.hero-actions,.hero-meta,.contact-links{display:flex;flex-wrap:wrap;gap:12px}.hero-actions{margin:28px 0 18px}.hero-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hero-stats span{display:inline-flex;align-items:baseline;gap:8px;border:1px solid var(--line);border-radius:999px;padding:10px 14px;background:var(--surface);color:var(--muted)}.hero-stats strong{color:var(--text);font-size:1.05rem}.button,.contact-links a{position:relative;display:inline-flex;align-items:center;gap:10px;overflow:hidden;border-radius:999px;padding:13px 18px;font-weight:700;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease}.button:before,.contact-links a:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--success);box-shadow:0 0 12px var(--success);flex:0 0 auto}.button:hover,.contact-links a:hover{transform:translateY(-2px);box-shadow:0 14px 34px #00000029}.button-primary{background:var(--text);color:var(--bg)}.button-secondary,.contact-links a{border:1px solid var(--line);background:var(--surface)}.contact-links .contact-primary{background:var(--text);color:var(--bg)}.hero-meta{color:var(--muted)}.hero-meta span,.hero-meta a{display:inline-flex;align-items:center;gap:8px}.devops-command{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;border:1px solid var(--line);border-radius:999px;padding:11px 14px;background:linear-gradient(135deg,var(--terminal),rgba(142,165,255,.12));color:var(--muted);box-shadow:inset 0 0 0 1px #8ea5ff14}.devops-command code{color:var(--text);font-family:Cascadia Code,Fira Code,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem}.hero-visual{padding:12px;border:1px solid var(--line);border-radius:32px;background:var(--surface);box-shadow:var(--shadow)}.hero-visual{overflow:hidden}.hero-visual img{display:block;width:100%;border-radius:22px;transition:transform .42s ease}.hero-visual:hover img{transform:scale(1.03)}.section{margin-bottom:72px;scroll-margin-top:120px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.section-heading:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}.section-heading h2{margin-bottom:0}.reveal-section{opacity:0;transform:translateY(18px);transition:opacity .42s ease,transform .42s ease}.reveal-section.is-visible{opacity:1;transform:translateY(0)}.timeline{position:relative;display:grid;gap:16px}.timeline:before{content:"";position:absolute;top:16px;bottom:16px;left:13px;width:2px;background:linear-gradient(var(--accent),transparent);opacity:.45}.timeline-item,.project-card,.skill-card,.contact-card,.achievement-card,.blog-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(142,165,255,.06),transparent 42px),var(--surface);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.timeline-item:before,.project-card:before,.skill-card:before,.contact-card:before,.achievement-card:before,.blog-card:before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,var(--success),var(--accent),var(--warning))}.timeline-item:after,.project-card:after,.skill-card:after,.contact-card:after,.achievement-card:after,.blog-card:after{content:"";position:absolute;top:16px;right:18px;width:8px;height:8px;border-radius:999px;background:var(--success);box-shadow:-14px 0 0 var(--accent),-28px 0 0 var(--warning);opacity:.9}.timeline-item{padding:24px 24px 24px 44px}.timeline-item .timeline-heading:before{content:"";position:absolute;left:10px;width:10px;height:10px;border-radius:999px;background:var(--success);box-shadow:0 0 16px var(--success)}.timeline-heading,.project-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.timeline-heading h3,.project-heading h3,.skill-card h3{margin-bottom:8px}.timeline-heading span,.company,.project-problem{color:var(--muted)}.timeline-item ul,.clean-list{margin-bottom:0;padding-left:18px;color:var(--muted);line-height:1.8}.card-grid,.skills-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card,.skill-card{position:relative;padding:24px}.project-index{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:var(--accent);font-family:Cascadia Code,Fira Code,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;font-weight:700;letter-spacing:.12em}.project-index:before{content:"stage";color:var(--muted);letter-spacing:.08em}.timeline-item:hover,.project-card:hover,.skill-card:hover,.contact-card:hover{transform:translateY(-4px);border-color:#8ea5ff66;box-shadow:0 18px 48px #0000001f}.project-card p{color:var(--muted);line-height:1.7}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag-row span{border:1px solid rgba(142,165,255,.18);border-radius:999px;padding:8px 11px;background:var(--accent-soft);color:var(--text);font-family:Cascadia Code,Fira Code,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.tag-row span:hover{transform:translateY(-2px);border-color:var(--accent);background:#8ea5ff38}.achievement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.achievement-card{padding:22px}.achievement-card span{display:block;margin-bottom:16px;color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.12em}.achievement-card p{margin-bottom:0;color:var(--muted);line-height:1.7}.ops-strip{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:28px}.ops-strip:before{content:"";position:absolute;top:50%;right:6%;left:6%;height:2px;background:linear-gradient(90deg,var(--success),var(--accent),var(--warning));opacity:.22}.ops-strip span{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:16px;padding:14px 12px;background:var(--surface-strong);color:var(--muted);font-family:Cascadia Code,Fira Code,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86rem}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px}.blog-card{display:flex;min-height:284px;flex-direction:column;border:1px solid var(--line);border-radius:24px;padding:24px;background:linear-gradient(145deg,var(--surface),rgba(142,165,255,.08));transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.blog-card:hover{transform:translateY(-4px);border-color:#8ea5ff73;box-shadow:0 18px 48px #0000001f}.blog-number,.blog-meta{color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.blog-number{margin-bottom:18px}.blog-card>div:not(.tag-row){flex:1}.blog-card .tag-row{margin-top:22px}.blog-card h3{margin-bottom:10px}.blog-card p:not(.blog-meta){color:var(--muted);line-height:1.7}.blog-index-link{display:inline-flex;align-items:center;gap:10px;margin-top:18px;border:1px solid var(--line);border-radius:999px;padding:13px 18px;background:var(--text);color:var(--bg)}.contact-card{padding:28px}.contact-card p{max-width:620px;color:var(--muted);line-height:1.7}@media(max-width:900px){.hero,.card-grid,.skills-grid,.achievement-grid,.blog-grid,.ops-strip{grid-template-columns:1fr}.hero{gap:28px}.hero-visual{max-width:420px}}@media(max-width:640px){.page-shell{width:min(100% - 28px,1180px)}.nav{grid-template-columns:1fr;align-items:flex-start;gap:18px;margin-bottom:40px;border-radius:24px}.nav-links{flex-wrap:wrap;gap:8px}.nav-links a{min-width:auto}.section{margin-bottom:56px}}.back-to-top{position:fixed;right:24px;bottom:24px;z-index:20;display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);border-radius:999px;background:var(--surface-strong);box-shadow:var(--shadow);color:var(--text);opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease,border-color .18s ease,background-color .18s ease}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{transform:translateY(-3px);border-color:var(--accent)}@media(max-width:640px){.back-to-top{right:16px;bottom:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-progress,.theme-toggle,.blog-card,.timeline-item,.project-card,.skill-card,.contact-card,.back-to-top,.reveal-section,.button,.contact-links a,.hero-visual img,.tag-row span{transition:none}}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.hero-copy{position:relative}.pipeline-beam{position:absolute;top:-78px;left:-24px;z-index:-1;width:min(640px,100%);height:68px;pointer-events:none;opacity:.34}.pipeline-beam:before{content:"";position:absolute;top:22px;right:0;left:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),var(--success),transparent);animation:pipeline-pulse 3.4s ease-in-out infinite}.pipeline-beam span{position:absolute;top:14px;width:14px;height:14px;border:2px solid var(--accent);border-radius:999px;background:var(--bg);box-shadow:0 0 20px var(--accent-soft)}.pipeline-beam span:nth-child(1){left:8%}.pipeline-beam span:nth-child(2){left:34%}.pipeline-beam span:nth-child(3){left:62%}.pipeline-beam span:nth-child(4){left:88%}@keyframes pipeline-pulse{0%,to{filter:brightness(.8);opacity:.55}50%{filter:brightness(1.35);opacity:1}}.photo-frame{position:relative;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,var(--accent),var(--success),var(--warning)) border-box;border:1px solid transparent}.photo-frame:before{content:"";position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;z-index:-1;border-radius:42px;background:radial-gradient(circle at 70% 20%,var(--accent-soft),transparent 52%);filter:blur(12px)}.photo-frame:after{content:"ready";position:absolute;right:22px;bottom:22px;border:1px solid var(--line);border-radius:999px;padding:8px 12px 8px 24px;background:#070b16b8;color:#edf2ff;font-family:Cascadia Code,Fira Code,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.tool-constellation{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.tool-float{position:absolute;border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:#8ea5ff0f;color:var(--muted);font-family:Cascadia Code,Fira Code,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;opacity:.34;animation:float-tool 12s ease-in-out infinite}.tool-1{top:18%;left:5%}.tool-2{top:30%;right:6%;animation-delay:1s}.tool-3{top:54%;left:3%;animation-delay:2s}.tool-4{top:72%;right:8%;animation-delay:3s}.tool-5{top:84%;left:18%;animation-delay:4s}.tool-6{top:14%;right:24%;animation-delay:5s}.tool-7{top:44%;right:18%;animation-delay:6s}.tool-8{top:63%;left:32%;animation-delay:7s}@keyframes float-tool{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-14px,0)}}.resume-grid,.architecture-grid,.stack-map{display:grid;gap:16px}.resume-grid,.architecture-grid,.stack-map{grid-template-columns:repeat(3,minmax(0,1fr))}.resume-card,.architecture-card,.stack-node{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;padding:24px;background:linear-gradient(180deg,rgba(142,165,255,.06),transparent 42px),var(--surface)}.resume-card:before,.architecture-card:before,.stack-node:before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,var(--success),var(--accent),var(--warning))}.resume-card span{display:block;margin-bottom:14px;color:var(--accent);font-family:Cascadia Code,Fira Code,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.resume-card p,.architecture-card p{margin-bottom:0;color:var(--muted);line-height:1.7}.flow-line{display:grid;gap:12px;margin-top:20px}.flow-line span{position:relative;border:1px solid var(--line);border-radius:14px;padding:12px 14px 12px 34px;background:var(--surface-strong);color:var(--muted);font-family:Cascadia Code,Fira Code,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.flow-line span:before{content:"";position:absolute;top:50%;left:14px;width:8px;height:8px;border-radius:999px;background:var(--success);transform:translateY(-50%);box-shadow:0 0 12px var(--success)}.stack-node-heading{display:flex;align-items:center;gap:10px;margin-bottom:16px}.stack-node-heading h3{margin-bottom:0}.project-card .project-status{display:inline-flex;margin-bottom:14px;border:1px solid var(--line);border-radius:999px;padding:8px 11px;background:var(--terminal);color:#edf2ff;font-family:Cascadia Code,Fira Code,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.project-card:hover .project-status{color:var(--success)}.command-button{position:fixed;left:24px;bottom:24px;z-index:20;display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);border-radius:999px;background:var(--surface-strong);box-shadow:var(--shadow);color:var(--text);cursor:pointer;transition:transform .18s ease,border-color .18s ease}.command-button:hover{border-color:var(--accent);transform:translateY(-2px)}.command-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:start center;padding-top:14vh}.command-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0000007a}.command-panel{position:relative;width:min(520px,calc(100% - 32px));border:1px solid var(--line);border-radius:26px;padding:14px;background:var(--surface-strong);box-shadow:var(--shadow)}.command-panel-header,.command-item{display:flex;align-items:center;gap:12px}.command-panel-header{justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 12px 14px;color:var(--muted)}.command-panel-header kbd{border:1px solid var(--line);border-radius:8px;padding:4px 7px;background:var(--surface)}.command-item{justify-content:space-between;border-radius:16px;padding:14px 12px;color:var(--text)}.command-item:hover{background:var(--accent-soft)}.command-item span{flex:1}.command-item small{color:var(--muted);font-family:Cascadia Code,Fira Code,ui-monospace,SFMono-Regular,Menlo,monospace}@media(max-width:900px){.resume-grid,.architecture-grid,.stack-map{grid-template-columns:1fr}}@media(max-width:640px){.pipeline-beam,.tool-constellation{display:none}.command-button{left:16px;bottom:16px}}@media(prefers-reduced-motion:reduce){.pipeline-beam:before,.tool-float{animation:none}}body,.nav,.section,.hero-visual,.button,.theme-toggle,.project-card,.skill-card,.blog-card,.resume-card,.architecture-card,.stack-node,.command-panel{transition:background-color .28s ease,color .28s ease,border-color .28s ease,box-shadow .28s ease,transform .18s ease}.section-pipeline{position:fixed;top:50%;right:18px;z-index:12;display:flex;width:58px;flex-direction:column;gap:8px;padding:10px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface);box-shadow:0 14px 40px #0000001f;transform:translateY(-50%);overflow:visible}.section-pipeline-fill{position:absolute;top:14px;bottom:14px;left:50%;z-index:-1;width:2px!important;transform:translate(-50%);background:linear-gradient(180deg,var(--success),var(--accent));opacity:.35}.section-pipeline a{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:999px;color:transparent;font-size:0}.section-pipeline a:after{content:attr(href);position:absolute;right:52px;opacity:0;pointer-events:none;transform:translate(8px);border:1px solid var(--line);border-radius:999px;padding:8px 11px;background:var(--surface-strong);color:var(--text);font-family:Cascadia Code,Fira Code,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;white-space:nowrap;transition:opacity .16s ease,transform .16s ease}.section-pipeline a:hover:after{opacity:1;transform:translate(0)}.section-pipeline a span{width:10px;height:10px;border:1px solid var(--line);border-radius:999px;background:var(--surface-strong);transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}.section-pipeline a:hover span{transform:scale(1.25)}.section-pipeline a.is-complete span{background:var(--success);box-shadow:0 0 14px var(--success)}.live-terminal code{min-width:min(390px,72vw)}.cursor{color:var(--success);animation:cursor-blink .9s steps(2,jump-none) infinite}@keyframes cursor-blink{50%{opacity:0}}.mini-pipeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:-4px 0 16px}.mini-pipeline span{position:relative;border:1px solid var(--line);border-radius:999px;padding:7px 8px;background:var(--surface-strong);color:var(--muted);font-family:Cascadia Code,Fira Code,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;text-align:center;overflow:hidden}.mini-pipeline span:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(110,231,183,.24),transparent)}.project-card:hover .mini-pipeline span{border-color:#6ee7b773;color:var(--text)}.project-card:hover .mini-pipeline span:before{animation:scan-stage .95s ease forwards}.project-card:hover .mini-pipeline span:nth-child(2):before{animation-delay:.18s}.project-card:hover .mini-pipeline span:nth-child(3):before{animation-delay:.36s}.project-card:hover .mini-pipeline span:nth-child(4):before{animation-delay:.54s}@keyframes scan-stage{to{transform:translate(100%)}}.skill-graph{position:relative;min-height:380px;margin-bottom:18px;border:1px solid var(--line);border-radius:30px;background:radial-gradient(circle at center,rgba(142,165,255,.16),transparent 34%),var(--surface);overflow:hidden}.skill-graph:before,.skill-graph:after{content:"";position:absolute;top:70px;right:14%;bottom:70px;left:14%;border:1px dashed rgba(142,165,255,.24);border-radius:999px;animation:graph-spin 22s linear infinite}.skill-graph:after{top:108px;right:24%;bottom:108px;left:24%;animation-duration:16s;animation-direction:reverse}.graph-core,.skill-node{position:absolute;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:12px 14px;background:var(--surface-strong);box-shadow:var(--shadow);font-family:Cascadia Code,Fira Code,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84rem}.graph-core{top:50%;left:50%;color:var(--text);transform:translate(-50%,-50%)}.skill-node{color:var(--muted);animation:node-float 5s ease-in-out infinite}.node-1{top:12%;left:44%}.node-2{top:28%;right:12%;animation-delay:.3s}.node-3{bottom:24%;right:16%;animation-delay:.6s}.node-4{bottom:10%;left:43%;animation-delay:.9s}.node-5{bottom:24%;left:12%;animation-delay:1.2s}.node-6{top:28%;left:12%;animation-delay:1.5s}@keyframes graph-spin{to{transform:rotate(360deg)}}@keyframes node-float{50%{transform:translateY(-8px)}}.blog-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.blog-filters button{border:1px solid var(--line);border-radius:999px;padding:10px 13px;background:var(--surface);color:var(--muted);cursor:pointer;font:inherit;transition:transform .18s ease,border-color .18s ease,color .18s ease,background-color .18s ease}.blog-filters button:hover,.blog-filters button.is-active{transform:translateY(-2px);border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.blog-card{animation:card-enter .26s ease both}@keyframes card-enter{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.command-search{display:flex;align-items:center;gap:10px;margin:12px 0;border:1px solid var(--line);border-radius:16px;padding:12px;background:var(--surface);color:var(--muted)}.command-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit}@media(max-width:1100px){.section-pipeline{display:none}}@media(max-width:900px){.skill-graph{min-height:520px}.node-1{top:8%;left:38%}.node-2{top:24%;right:8%}.node-3{bottom:26%;right:8%}.node-4{bottom:8%;left:38%}.node-5{bottom:26%;left:8%}.node-6{top:24%;left:8%}}@media(max-width:640px){.mini-pipeline{grid-template-columns:1fr 1fr}.skill-node,.graph-core{font-size:.72rem;padding:10px 11px}}@media(prefers-reduced-motion:reduce){.cursor,.mini-pipeline span:before,.skill-graph:before,.skill-graph:after,.skill-node,.blog-card{animation:none}}