.shell{z-index:1;max-width:1060px;margin:0 auto;padding:28px 18px;position:relative}.main{gap:16px;margin-top:18px;display:grid}.header{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;padding:16px 20px;display:grid;position:sticky;top:14px}.headerLeft{justify-self:start}.headerRight{justify-self:end}.name{text-align:center;letter-spacing:-.02em;font-size:40px;font-weight:800}.linkedinBlue{color:#fff;background:#0a66c2;border-color:#0a66c2}.linkedinBlue:hover{background:#004182;border-color:#004182}.pill{border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.pillMark{opacity:.7}.toggleWrap{align-items:center;gap:8px;display:inline-flex}.toggleIcon{font-size:14px}.switch{background:var(--switchOff);border:1px solid var(--border);cursor:pointer;border-radius:999px;width:48px;height:26px;position:relative}.switchOn{background:var(--switchOn)}.knob{background:var(--knob);border-radius:999px;width:22px;height:22px;transition:left .2s;position:absolute;top:2px;left:2px}.knobOn{left:24px}.heroRow{grid-template-columns:1.35fr 1fr;align-items:stretch;gap:16px;display:grid}.aboutCard{flex-direction:column;justify-content:center;display:flex}@media (width<=820px){.heroRow{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;padding:20px}.h2{margin:0 0 10px;font-size:20px}.muted{color:var(--muted)}.projectsGrid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.project{border:1px solid var(--border);background:var(--panel2);transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(0);border-radius:16px;padding:16px;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.project:hover{box-shadow:var(--shadowHover);border-color:var(--borderHover)}.projectShine{pointer-events:none;opacity:0;background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%), #ffffff29, transparent 60%);transition:opacity .25s;position:absolute;inset:0}.project:hover .projectShine{opacity:1}.projectDisabled{opacity:.4}@media (prefers-reduced-motion:reduce){.project{transition:none}}.projectTitle{font-weight:700}.projectMeta{margin-top:6px;font-size:14px}.actionsRow{justify-content:center;margin-top:22px;display:flex}.btnPrimary{background:var(--primary);color:#fff;border:none;border-radius:14px;padding:18px 40px;font-size:20px;font-weight:800;text-decoration:none;transition:transform .2s,filter .2s}.btnPrimary:hover{filter:brightness(1.05);transform:translateY(-2px)}.form{gap:12px;margin-top:12px;display:grid}.field{gap:6px;display:grid}.label{font-size:14px;font-weight:600}.input,.textarea{border:1px solid var(--border);background:var(--input);color:var(--text);border-radius:10px;padding:12px}.textarea{min-height:110px}.footer{text-align:center;padding:20px 0}.projectLink{color:inherit;text-decoration:none}.projectTopBar{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:10px;display:grid}.projectHeading{text-align:center}.projectH1{letter-spacing:-.02em;font-size:28px;font-weight:850}.projectDate{margin-top:4px;font-size:13px}.projectSpacer{width:1px}.tagRow{flex-wrap:wrap;gap:8px;margin:14px 0 0;display:flex}.tag{background:var(--pill);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:6px 10px;font-size:12px}.article h2{margin-top:18px;margin-bottom:8px;font-size:18px}.article p,.article li{color:var(--muted);font-size:15px;line-height:1.7}.projectNav{align-items:center;gap:12px;margin-top:12px;margin-bottom:10px;display:flex}.projectNavSpacer{flex:1}.projectHeader{padding:6px 2px 16px}.projectTitle{letter-spacing:-.03em;margin:0;font-size:34px;font-weight:900;line-height:1.1}.projectSub{align-items:center;gap:10px;margin-top:10px;font-size:14px;display:flex}.dot{opacity:.55}.article{padding:24px}.section{margin-top:18px}.section:first-child{margin-top:0}.sectionH2{letter-spacing:-.01em;margin:0 0 10px;font-size:18px;font-weight:850}.sectionBody{color:var(--muted);font-size:15px;line-height:1.75}.sectionBody p{margin:10px 0 0}.sectionBody ul{margin:10px 0 0;padding-left:18px}.sectionBody li{margin:6px 0}.codeBlockWrap{border:1px solid var(--border);background:var(--panel2);border-radius:14px;margin-top:14px;overflow:hidden}.codeBlockHeader{border-bottom:1px solid var(--border);background:var(--panel);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.codeBlockTitle{letter-spacing:-.01em;color:var(--text);font-size:13px;font-weight:800}.codeBlockLang{border:1px solid var(--border);background:var(--pill);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:12px}.codeBlock{max-height:420px;color:var(--text);margin:0;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.55;overflow:auto}.codeBlock code{white-space:pre}@media (width<=560px){.projectTitle{font-size:28px}.article{padding:18px}}.projectCardTitle{letter-spacing:-.02em;font-size:22px;font-weight:900;line-height:1.08}@media (width<=900px){.projectCardTitle{font-size:17px}}@media (width<=560px){.projectCardTitle{font-size:15px}}.blobGallerySection{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;padding:8px;display:flex}.blobStack{width:230px;height:230px;position:relative}.blob{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(135deg, var(--mesh1), var(--mesh2));transform:translate(calc(var(--depth) * 16px), calc(var(--depth) * -12px)) rotate(calc(var(--depth) * -6deg)) scale(calc(1 - var(--depth) * .09));opacity:calc(1 - var(--depth) * .24);z-index:calc(10 - var(--depth));border-radius:42% 58% 65% 35%/45% 45% 55% 55%;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s,box-shadow .3s;position:absolute;inset:0;overflow:hidden}.blob-tint-2{background:linear-gradient(135deg, var(--mesh2), var(--mesh3))}.blob-tint-3{background:linear-gradient(135deg, var(--mesh3), var(--mesh1))}.blobFront{cursor:pointer;animation:16s ease-in-out infinite blobMorph,10s ease-in-out infinite blobFloat}.blobFront:hover{box-shadow:var(--shadowHover)}.blobImg{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s,transform 6s;transform:scale(1.08)}.blobImgLoaded{opacity:1}.blobFront:hover .blobImg{transform:scale(1.16)}@keyframes blobMorph{0%,to{border-radius:42% 58% 65% 35%/45% 45% 55% 55%}25%{border-radius:58% 42% 35% 65%/55% 40% 60% 45%}50%{border-radius:50% 50% 30% 70%/60% 40%}75%{border-radius:35% 65% 55% 45%/40% 60%}}@keyframes blobFloat{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(6px,-10px)rotate(2deg)}}.blobControls{gap:10px;display:flex}.blobNavBtn{border:1px solid var(--border);background:var(--pill);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:999px;font-size:18px;line-height:1;transition:background .2s,border-color .2s,transform .2s}.blobNavBtn:hover{background:var(--pillHover);border-color:var(--borderHover);transform:translateY(-1px)}@media (width<=820px){.blobStack{width:190px;height:190px}}@media (width<=420px){.blobStack{width:150px;height:150px}}@media (prefers-reduced-motion:reduce){.blob{transition:none}.blobFront{animation:none}}code[class*=language-],pre[class*=language-]{color:#ccc;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;line-height:1.5}pre[class*=language-]{margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.3em;padding:.1em}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.cursorGlow{background:radial-gradient(circle, var(--glow) 0%, transparent 72%);pointer-events:none;z-index:50;will-change:transform;border-radius:50%;width:260px;height:260px;margin-top:-130px;margin-left:-130px;position:fixed;top:0;left:0}@media (hover:none),(pointer:coarse){.cursorGlow{display:none}}@media (prefers-reduced-motion:reduce){.cursorGlow{display:none}}:root{--bg:#0f1115;--text:#f2f4f8;--muted:#f2f4f8b8;--panel:#14181fb8;--panel2:#14181f8c;--border:#ffffff14;--borderHover:#ffffff24;--shadow:0 10px 30px #00000040;--shadowHover:0 14px 38px #00000052;--pill:#14181f8c;--pillHover:#14181fbf;--primary:#5c5cff;--input:#14181f8c;--switchOff:#ffffff1f;--switchOn:#5c5cff59;--knob:#fff;--mesh1:#5c5cff59;--mesh2:#ff5cc838;--mesh3:#50dcff3d;--glow:#968cff29}:root[data-theme=light]{--bg:#f6f7fb;--text:#141823;--muted:#141823b3;--panel:#ffffffd1;--panel2:#ffffffad;--border:#1418231a;--borderHover:#14182329;--shadow:0 10px 26px #1418231a;--shadowHover:0 14px 34px #14182321;--pill:#ffffffb3;--pillHover:#ffffffeb;--primary:#3f57c0;--input:#ffffffe6;--switchOff:#1418231a;--switchOn:#3f57c038;--knob:#fff;--mesh1:#3f57c029;--mesh2:#ff82be24;--mesh3:#50c8ff21;--glow:#3f57c01a}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;transition:background-color .22s,color .22s}a,button,input,textarea{-webkit-tap-highlight-color:transparent}#root{min-height:100%}.page{background:var(--bg);min-height:100vh;color:var(--text);isolation:isolate;transition:background-color .22s,color .22s;position:relative}.page:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(38% 38% at 18% 22%, var(--mesh1), transparent 70%), radial-gradient(42% 42% at 82% 18%, var(--mesh2), transparent 70%), radial-gradient(46% 46% at 50% 88%, var(--mesh3), transparent 70%);filter:blur(60px);animation:28s ease-in-out infinite meshDrift;position:fixed;inset:-10%}@keyframes meshDrift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-3%,2%)scale(1.06)}66%{transform:translate(2%,-3%)scale(.96)}}@media (prefers-reduced-motion:reduce){.page:before{animation:none}}