:root{--bg:#050816;--bg-soft:#0b1020;--bg-softer:#111827;--accent:#38bdf8;--accent-soft:#0ea5e9;--subtle:#94a3b8;--muted:#6b7280;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--text-50:#f8fafc;--text-100:#f1f5f9;--text-200:#e2e8f0;--text-300:#cbd5e1;--text-500:#64748b;--text-600:#475569;--emerald:#34d399;--border-soft:rgba(30,41,59,0.7);--border-strong:#1e293b;--shadow-soft:0 18px 45px rgba(15,23,42,0.8)}[data-bs-theme=dark]{--bs-body-bg:var(--bg);--bs-body-color:var(--text-100);--bs-border-color:var(--border-strong);--bs-secondary-color:var(--subtle);--bs-link-color:var(--accent);--bs-link-hover-color:var(--accent-soft)}html{scroll-behavior:smooth}body.site-body{background-color:var(--bg);color:var(--text-100);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;min-height:100vh}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-xxs{font-size:10px;line-height:1.5}.text-xs{font-size:11px;line-height:1.55}.text-sm{font-size:12px;line-height:1.55}.text-md{font-size:14px;line-height:1.55}.text-lg{font-size:18px;line-height:1.4}.text-xl{font-size:20px;line-height:1.3}.text-2xl{font-size:24px;line-height:1.25}.text-3xl{font-size:30px;line-height:1.2}.text-4xl{font-size:36px;line-height:1.15}.text-5xl{font-size:48px;line-height:1.1}.tracking-tight{letter-spacing:-.015em}.tracking-wide{letter-spacing:.14em}.tracking-wider{letter-spacing:.16em}.tracking-widest{letter-spacing:.18em}.text-balance{text-wrap:balance}.lh-snug{line-height:1.4}.lh-relaxed{line-height:1.625}.text-slate-50{color:var(--text-50)!important}.text-slate-100{color:var(--text-100)!important}.text-slate-200{color:var(--text-200)!important}.text-slate-300{color:var(--text-300)!important}.text-slate-500{color:var(--text-500)!important}.text-slate-600{color:var(--text-600)!important}.text-subtle{color:var(--subtle)!important}.text-muted-alt{color:var(--muted)!important}.text-accent{color:var(--accent)!important}.text-emerald{color:var(--emerald)!important}.bg-app{background-color:var(--bg)!important}.bg-app-soft{background-color:var(--bg-soft)!important}.bg-accent{background-color:var(--accent)!important}.border-soft{border-color:var(--border-soft)!important}.border-strong{border-color:var(--border-strong)!important}.border-slate-700{border-color:var(--slate-700)!important}.border-slate-800{border-color:var(--slate-800)!important}.container-portfolio{width:100%;max-width:72rem;margin-left:auto;margin-right:auto}.scroll-mt-24{scroll-margin-top:6rem}.shadow-soft-lg{box-shadow:var(--shadow-soft)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:40;border-bottom:1px solid var(--border-soft);background-color:rgba(5,8,22,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:box-shadow .15s ease-out,background-color .15s ease-out,border-color .15s ease-out}.site-header.scrolled{box-shadow:0 10px 30px rgba(15,23,42,.9);border-color:rgba(56,189,248,.18)}.logo-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:1px solid var(--slate-700);background-color:rgba(15,23,42,.8);color:var(--accent);font-size:11px;font-weight:600;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.nav-link-portfolio{color:var(--subtle);text-decoration:none;font-size:12px;font-weight:500;padding:.25rem 0;position:relative;transition:color .15s ease}.nav-link-portfolio.is-active,.nav-link-portfolio:hover{color:var(--text-100)}.nav-link-portfolio.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.7),transparent)}.nav-link-pill{border:1px solid var(--slate-700);border-radius:9999px;padding:.25rem .75rem;color:var(--text-100);text-decoration:none;font-size:11px;text-transform:uppercase;letter-spacing:.16em;transition:border-color .15s ease,color .15s ease}.nav-link-pill:hover{border-color:var(--accent);color:var(--accent)}.hero-backdrop{position:relative;isolation:isolate}.hero-backdrop:before{inset:-10% -20% auto auto;height:320px;width:520px;background:radial-gradient(closest-side,rgba(56,189,248,.18),rgba(56,189,248,.04) 60%,transparent 70%);filter:blur(8px)}.hero-backdrop:after,.hero-backdrop:before{content:"";position:absolute;z-index:-1;pointer-events:none}.hero-backdrop:after{inset:auto auto -20% -10%;height:260px;width:420px;background:radial-gradient(closest-side,rgba(14,165,233,.14),rgba(14,165,233,.03) 60%,transparent 70%);filter:blur(12px)}.live-dot{position:relative;display:inline-block;height:6px;width:6px;border-radius:9999px;background-color:var(--emerald)}.live-dot:after{content:"";position:absolute;inset:-3px;border-radius:9999px;background-color:rgba(52,211,153,.45);animation:live-pulse 2.4s ease-out infinite;z-index:-1}@keyframes live-pulse{0%{transform:scale(.6);opacity:.7}80%,to{transform:scale(1.8);opacity:0}}.chip{display:inline-flex;align-items:center;gap:.5rem;background-color:rgba(15,23,42,.6);padding:.25rem .75rem;font-size:11px;font-weight:500}.chip,.chip-mini{border:1px solid var(--slate-700);border-radius:9999px;text-transform:uppercase;letter-spacing:.16em;color:var(--subtle)}.chip-mini{display:inline-block;background-color:rgba(15,23,42,.7);padding:.125rem .5rem;font-size:10px}.btn-accent{display:inline-flex;align-items:center;gap:.5rem;background-color:var(--accent);color:#0f172a;border:1px solid var(--accent);border-radius:9999px;padding:.5rem 1rem;font-size:12px;font-weight:500;text-decoration:none;box-shadow:var(--shadow-soft);transition:background-color .2s ease,border-color .2s ease,transform .2s ease;cursor:pointer}.btn-accent:hover{background-color:var(--accent-soft);border-color:var(--accent-soft);color:#0f172a;transform:translateY(-1px)}.btn-outline-soft{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:var(--text-100);border:1px solid var(--slate-700);border-radius:9999px;padding:.5rem .75rem;font-size:12px;font-weight:500;text-decoration:none;transition:border-color .2s ease,color .2s ease}.btn-outline-soft:hover{border-color:var(--accent);color:var(--accent)}.btn-outline-muted{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:var(--subtle);border:1px solid var(--slate-700);border-radius:9999px;padding:.5rem .75rem;font-size:12px;font-weight:500;text-decoration:none;transition:border-color .2s ease,color .2s ease}.btn-outline-muted:hover{border-color:var(--text-500);color:var(--text-200)}.tag-link{display:inline-flex;align-items:center;gap:.25rem;border:1px solid var(--slate-700);border-radius:9999px;padding:.25rem .75rem;font-size:11px;color:var(--text-200);text-decoration:none;transition:border-color .2s ease,color .2s ease}.tag-link:hover{border-color:var(--accent);color:var(--accent)}.card-surface{position:relative;background-color:rgba(15,23,42,.6);border:1px solid var(--slate-800);border-radius:12px;box-shadow:var(--shadow-soft);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.card-surface:hover{transform:translateY(-2px);border-color:rgba(56,189,248,.6)}.card-surface:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 rgba(148,163,184,.06)}.card-static{position:relative;background-color:rgba(15,23,42,.6);border:1px solid var(--slate-800);border-radius:12px;box-shadow:var(--shadow-soft)}.label-eyebrow{display:block;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--subtle);margin-bottom:.25rem}.input-dark{width:100%;border-radius:6px;border:1px solid var(--slate-700);background-color:rgba(15,23,42,.6);padding:.5rem .75rem;font-size:12px;color:var(--text-100);transition:border-color .15s ease,box-shadow .15s ease;outline:none}.input-dark::placeholder{color:var(--text-600)}.input-dark:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.section-divider-x{height:1px;background:linear-gradient(to right,var(--slate-800),rgba(148,163,184,.45) 50%,var(--slate-800))}.section-top-border{border-top:1px solid var(--border-soft)}.timeline{border-left:1px solid var(--border-soft);list-style:none;margin:0}.timeline,.timeline-item{position:relative;padding-left:1rem}.timeline-item{margin-bottom:1.5rem}.timeline-item:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:-1.25rem;top:6px;height:8px;width:8px;border-radius:9999px;border:1px solid var(--slate-700);background-color:var(--slate-900)}.timeline-dot.is-active{border-color:#6ee7b7;background-color:var(--emerald)}.timeline-bullet{display:inline-block;margin-top:8px;height:1px;width:16px;flex:none;background-color:var(--text-600)}.reveal{opacity:0;transform:translateY(8px);transition:opacity .6s ease-out,transform .6s ease-out;will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:none}.skill-dot{display:inline-block;margin-top:6px;height:6px;width:6px;flex:none;border-radius:9999px;background-color:var(--text-500);transition:background-color .2s ease}.skill-card:hover .skill-dot{background-color:var(--accent)}.dot-emerald{display:inline-block;height:6px;width:6px;border-radius:9999px;background-color:var(--emerald)}.gradient-divider{height:1px;background:linear-gradient(to right,var(--slate-800),rgba(148,163,184,.4) 50%,var(--slate-800))}@property --chat-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.ask-strip{position:relative;border-radius:16px;background:linear-gradient(180deg,rgba(15,23,42,.55),rgba(11,16,32,.4));border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);overflow:hidden}.ask-strip:before{content:"";position:absolute;inset:-40% -10% auto auto;width:360px;height:220px;background:radial-gradient(closest-side,rgba(56,189,248,.12),transparent 70%);pointer-events:none}.chat-input-wrap{position:relative;display:block;padding:1.75px;border-radius:9999px;background:conic-gradient(from var(--chat-angle,0deg),#38bdf8 0deg,#22d3ee 80deg,#6ee7b7 160deg,#818cf8 240deg,#0ea5e9 320deg,#38bdf8 1turn);animation:chat-border-rotate 4.5s linear infinite;box-shadow:0 8px 28px rgba(56,189,248,.12)}@keyframes chat-border-rotate{to{--chat-angle:360deg}}@supports not (background:paint(something)){.chat-input-wrap{background:linear-gradient(90deg,#38bdf8,#22d3ee,#6ee7b7,#818cf8,#38bdf8);background-size:300% 100%;animation:chat-border-flow 4.5s linear infinite}@keyframes chat-border-flow{0%{background-position:0 50%}to{background-position:-300% 50%}}}.chat-input-inner{background-color:rgba(11,16,32,.94);border-radius:9999px;padding:.4rem .45rem .4rem .95rem}.chat-icon{color:var(--accent);flex:none}.chat-input{background:transparent;border:none;outline:none;color:var(--text-100);font-size:13px;padding:.45rem .25rem;min-width:0;width:100%}.chat-input::placeholder{color:var(--text-500)}.chat-send{flex:none;background:linear-gradient(135deg,#38bdf8,#22d3ee);color:#04101f;border:none;border-radius:9999px;padding:.45rem 1rem;font-size:12px;font-weight:700;letter-spacing:.01em;cursor:pointer;box-shadow:0 0 0 1px rgba(56,189,248,.5),0 6px 18px -6px rgba(56,189,248,.55);transition:filter .18s ease,transform .15s ease,box-shadow .2s ease}.chat-send:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 0 0 1px rgba(56,189,248,.65),0 10px 24px -8px rgba(56,189,248,.7)}.chat-send:active:not(:disabled){transform:translateY(0);filter:brightness(.95)}.chat-send:disabled{background:rgba(148,163,184,.18);color:rgba(148,163,184,.55);box-shadow:none;cursor:not-allowed}.chat-resume-btn{background:transparent;border:1px dashed var(--slate-700);border-radius:9999px;color:var(--subtle);font-size:11px;padding:.35rem .85rem;cursor:pointer;transition:border-color .15s ease,color .15s ease}.chat-resume-btn:hover{border-color:var(--accent);color:var(--accent)}.chat-overlay{position:fixed;inset:0;z-index:100;background-color:rgba(5,8,22,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:grid;grid-template-rows:auto 1fr auto;animation:chat-overlay-in .22s ease-out}@keyframes chat-overlay-in{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}.chat-overlay-glow{position:absolute;inset:-10% -10% auto auto;height:480px;width:720px;background:radial-gradient(closest-side,rgba(56,189,248,.14),rgba(56,189,248,.02) 60%,transparent 75%);pointer-events:none;z-index:0}.chat-overlay-header{position:relative;z-index:1;height:64px;border-bottom:1px solid var(--border-soft);background-color:rgba(5,8,22,.85)}.chat-avatar{border-radius:9999px;border:1px solid rgba(56,189,248,.4);color:var(--accent)}.chat-avatar,.chat-close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:rgba(15,23,42,.8)}.chat-close{border-radius:9999px;border:1px solid var(--slate-700);color:var(--text-200);cursor:pointer;transition:border-color .15s ease,color .15s ease,transform .15s ease}.chat-close:hover{border-color:var(--accent);color:var(--accent);transform:rotate(90deg)}.chat-overlay-body{position:relative;z-index:1;overflow-y:auto}.chat-thread{width:100%;max-width:820px;margin:0 auto}.chat-empty{border:1px dashed var(--slate-800);border-radius:12px;padding:2rem}.chat-bubble{max-width:85%;padding:.7rem .95rem;border-radius:14px;font-size:13px;line-height:1.55;border:1px solid var(--slate-800);animation:chat-bubble-in .2s ease-out}@keyframes chat-bubble-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.chat-bubble-user{background:linear-gradient(135deg,rgba(56,189,248,.18),rgba(14,165,233,.1));border-color:rgba(56,189,248,.35);color:var(--text-100);border-top-right-radius:4px}.chat-bubble-bot{background-color:rgba(15,23,42,.6);border-color:var(--slate-800);color:var(--text-200);border-top-left-radius:4px}.chat-typing{display:inline-flex;gap:4px;padding:.7rem .95rem;align-items:center}.chat-typing span{width:6px;height:6px;border-radius:9999px;background-color:var(--text-500);animation:chat-typing-bounce 1.2s ease-in-out infinite}.chat-typing span:nth-child(2){animation-delay:.15s}.chat-typing span:nth-child(3){animation-delay:.3s}@keyframes chat-typing-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-3px);opacity:1}}.chat-overlay-footer{position:relative;z-index:1;border-top:1px solid var(--border-soft);background-color:rgba(5,8,22,.92)}.chat-cursor{display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:text-bottom;background-color:rgba(56,189,248,.85);animation:chat-cursor-blink 1s steps(2,start) infinite}@keyframes chat-cursor-blink{to{visibility:hidden}}.chat-stop{background:linear-gradient(135deg,rgba(248,113,113,.28),rgba(220,38,38,.22))!important;border-color:rgba(248,113,113,.45)!important;color:rgb(254,226,226)!important}.chat-stop:hover{filter:brightness(1.1)}