:root{--bg:#f7fafc;--surface:#fff;--ink:#101828;--body:#475467;--muted:#667085;--line:#e4e7ec;--accent:#0f766e;--accent-blue:#2563eb;--accent-soft:#0f766e1a;--accent-blue-soft:#2563eb1a;--surface-glass:#ffffffc7;--shadow-soft:0 18px 48px #0f172a14;--shadow-card:0 24px 70px #0f172a1c;--glow-x:50%;--glow-y:0%;--header-height:66px;--focus-ring:#2563ebbf;color:var(--body);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:600}[data-theme=dark]{--bg:#0a0f1a;--surface:#131c2e;--ink:#f1f5f9;--body:#c2ccdb;--muted:#93a1b5;--line:#ffffff1f;--accent:#2dd4bf;--accent-blue:#60a5fa;--accent-soft:#2dd4bf24;--accent-blue-soft:#60a5fa24;--surface-glass:#131c2ecc;--shadow-soft:0 18px 48px #00000080;--shadow-card:0 24px 70px #0009;--focus-ring:#5eead4d9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#0f766e66 transparent}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0f766e59 padding-box content-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#0f766e8c padding-box content-box}[data-theme=dark]{scrollbar-color:#2dd4bf73 transparent}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#2dd4bf52 padding-box content-box}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#2dd4bf80 padding-box content-box}body{background:linear-gradient(180deg, #f7fafcf5, #ffffffd6), radial-gradient(circle at top left, #0f766e1a, transparent 34%), radial-gradient(circle at top right, #2563eb14, transparent 32%), var(--bg);min-width:320px;min-height:100vh;margin:0;position:relative;overflow-x:hidden}[data-theme=dark] body{background:linear-gradient(180deg, #0a0f1af5, #0d1321e6), radial-gradient(circle at top left, #2dd4bf1f, transparent 34%), radial-gradient(circle at top right, #60a5fa1a, transparent 32%), var(--bg)}body:before,body:after{content:"";z-index:0;pointer-events:none;opacity:.56;filter:blur(56px);border-radius:999px;animation:18s ease-in-out infinite alternate ambient-drift;position:fixed;transform:translate(0,0)}body:before{background:#0f766e1f;width:36vw;height:36vw;top:8vh;left:-12vw}body:after{background:#2563eb1a;width:34vw;height:34vw;animation-delay:-7s;bottom:10vh;right:-10vw}body,button,input,textarea{font:inherit}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--focus-ring,#2563ebbf);outline-offset:3px}img{max-width:100%}#root{z-index:1;min-height:100vh;position:relative}::selection{color:var(--ink);background:#0f766e2e}[data-theme=dark] ::selection{color:#fff;background:#2dd4bf4d}@keyframes ambient-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(4vw,-3vh)scale(1.08)}}@media (prefers-reduced-motion:reduce){body:before,body:after{animation:none!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.pill-nav{background:#fffc;border-radius:999px;align-items:center;gap:2px;padding:6px;display:flex;position:relative;box-shadow:inset 0 1px #ffffffe6,0 2px 16px #1018280f}.pill-bubble{background:linear-gradient(135deg, var(--ink), #18283f);pointer-events:none;z-index:0;opacity:0;will-change:transform, width, opacity;border-radius:999px;height:calc(100% - 12px);transition:opacity 90ms;position:absolute;top:6px;left:0;box-shadow:0 12px 28px #1018282e}.pill-nav:has(.pill-link:hover) .pill-bubble{opacity:1;transition:opacity .15s}@media (width>=941px){.pill-nav:has(.pill-link:hover) .pill-link.active{box-shadow:none;color:var(--ink);background:0 0}.pill-nav:has(.pill-link:hover) .pill-link-contact.active{color:var(--accent)}.pill-nav:has(.pill-link:hover) .pill-link.active:hover{color:#fff}[data-theme=dark] .pill-nav:has(.pill-link:hover) .pill-link.active:hover{color:#0f172a}}.pill-link{z-index:1;color:var(--ink);white-space:nowrap;border-radius:999px;padding:9px 13px;font-size:.9rem;font-weight:500;line-height:1;text-decoration:none;transition:color 80ms;position:relative}.pill-link:hover{color:#fff}.pill-link.active{background:linear-gradient(135deg, var(--ink), #18283f);color:#fff;box-shadow:0 12px 28px #1018282e}.pill-link-contact{color:var(--accent)}.pill-link-contact.active{background:linear-gradient(135deg, var(--accent), var(--accent-blue));color:#fff}[data-theme=dark] .pill-link:hover{color:#0f172a}[data-theme=dark] .pill-nav{background:#0f172abf;box-shadow:inset 0 1px #ffffff0d,0 2px 16px #00000059}[data-theme=dark] .pill-bubble{background:linear-gradient(135deg,#e2e8f0,#f8fafc);box-shadow:0 12px 28px #00000040}[data-theme=dark] .pill-link.active{color:#0f172a;background:linear-gradient(135deg,#e2e8f0,#f8fafc);box-shadow:0 12px 28px #00000040}@media (width<=940px){.pill-nav{scrollbar-width:none;flex-wrap:nowrap;flex:1;justify-content:flex-start;min-width:0;overflow-x:auto}.pill-nav::-webkit-scrollbar{display:none}.pill-bubble{display:none}}.app-shell{z-index:1;width:min(1180px,100% - 40px);margin:0 auto;animation:.72s cubic-bezier(.22,1,.36,1) both page-load;position:relative}.skip-link{z-index:40;color:#fff;opacity:0;background:#101828;border-radius:12px;padding:10px 16px;font-size:.9rem;font-weight:800;text-decoration:none;transition:transform .2s cubic-bezier(.22,1,.36,1),opacity .2s;position:fixed;top:10px;left:10px;transform:translateY(-150%);box-shadow:0 14px 32px #10182842}.skip-link:focus,.skip-link:focus-visible{opacity:1;outline-offset:2px;outline:3px solid #8ee4d580;transform:translateY(0)}main:focus{outline:none}.scroll-progress{z-index:30;background:#e2e8f08c;width:100%;height:3px;position:fixed;top:0;left:0}.scroll-progress span{background:linear-gradient(90deg, var(--accent), var(--accent-blue));transform-origin:0;width:100%;height:100%;transition:transform .16s ease-out;display:block;transform:scaleX(0);box-shadow:0 0 16px #2563eb29}[data-reveal]{opacity:0;transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0s);transform:translateY(38px)scale(.975)}[data-reveal].is-revealed{opacity:1;transform:translateY(0)scale(1)}[data-reveal].is-revealed:hover,[data-reveal].is-revealed:focus-visible,[data-reveal].reveal-complete{transition-delay:0s}[data-glow]{--glow-x:50%;--glow-y:0%}.mode-panel:focus-visible,.project-detail-panel:focus-visible{outline-offset:3px;outline:3px solid #8ee4d599}.experience-panel:focus-visible{outline-offset:3px;outline:3px solid #2563eb73}.site-header{z-index:10;-webkit-backdrop-filter:blur(24px)saturate(1.4);background:#f7fafc;border:1px solid #d6dee8f2;border-radius:28px;justify-content:space-between;align-items:center;gap:24px;margin-top:12px;padding:10px 12px;animation:.72s cubic-bezier(.22,1,.36,1) 90ms both header-drop;display:flex;position:sticky;top:10px;box-shadow:0 16px 44px #0f172a1f,inset 0 1px #fff9}.brand{min-width:max-content;color:var(--ink);align-items:center;gap:14px;text-decoration:none;display:inline-flex}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent-blue));color:#fff;border-radius:12px;place-items:center;width:42px;height:42px;font-size:.95rem;font-weight:800;display:grid;box-shadow:0 18px 40px #0f766e38}.brand-copy{gap:1px;display:grid}.brand-copy strong{font-size:.98rem;line-height:1.2}.brand-copy span{color:var(--muted);font-size:.82rem}.header-actions{align-items:center;gap:10px;min-width:0;display:flex}.theme-toggle{border:1px solid var(--line);background:var(--surface-glass);width:42px;height:42px;color:var(--ink);cursor:pointer;border-radius:12px;flex:none;place-items:center;transition:color .18s,border-color .18s,background .18s,transform .22s cubic-bezier(.22,1,.36,1);display:inline-grid}.theme-toggle:hover,.theme-toggle:focus-visible{color:var(--accent);border-color:#0f766e52;transform:translateY(-2px)rotate(-8deg)}.theme-toggle:active{transition-duration:80ms;transform:scale(.92)}.theme-toggle svg{display:block}main>section{scroll-margin-top:calc(var(--header-height,66px) + 34px)}.quick-stats div:before,.visual-card:before,.profile-card:before,.mode-button:before,.experience-tab:before,.mode-panel:before,.mode-panel:after,.project-detail-panel:before,.project-detail-panel:after,.experience-panel:before,.experience-content h4:before,.project-card:before,.project-detail-grid li:before,.experience-tabs:before,.experience-content li:before,.contact-section:before,.contact-links a:after,.copy-email-button:after{pointer-events:none}.hero-section{min-height:auto;padding:max(88px, calc(var(--header-height,66px) + 40px)) 0 70px;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:start;gap:clamp(34px,5vw,58px);display:grid}.hero-copy{max-width:710px;animation:.82s cubic-bezier(.22,1,.36,1) .14s both hero-copy-in}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{max-width:780px;color:var(--ink);text-wrap:balance;letter-spacing:-.03em;margin-bottom:20px;font-size:clamp(2.3rem,4.8vw,3.85rem);line-height:1.05}.hero-copy h1{background:linear-gradient(150deg, var(--ink) 25%, var(--accent-blue) 64%, var(--accent) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;padding:.1em 0}h2{color:var(--ink);text-wrap:balance;margin-bottom:16px;font-size:clamp(2rem,4vw,3.3rem);line-height:1.05}h3{color:var(--ink);margin-bottom:12px;font-size:1.12rem}.hero-intro{max-width:640px;color:var(--body);margin-bottom:0;font-size:1.08rem;line-height:1.7}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-rotator{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:24px 0 0;display:flex}.hero-rotator-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:800}.hero-rotator-track{min-height:34px;color:var(--accent);background:#0f766e14;border:1px solid #0f766e33;border-radius:999px;align-items:center;padding:0 14px;font-size:.95rem;font-weight:900;display:inline-flex;overflow:hidden}.hero-rotator-word{animation:.52s cubic-bezier(.22,1,.36,1) rotator-word-in;display:inline-block}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 20px;font-weight:800;text-decoration:none;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s,border-color .2s,background .2s;display:inline-flex;position:relative;overflow:hidden}.button-primary:before{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff61,#0000);width:55%;height:100%;transition:left .65s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:-120%;transform:skew(-18deg)}.button-primary:hover:before,.button-primary:focus-visible:before{left:150%}.button:hover,.button:focus-visible{transform:translateY(-3px)scale(1.005)}.button:active{transition-duration:80ms;transform:scale(.96)}.button-primary{background:linear-gradient(135deg, var(--ink), #18283f);color:#fff;box-shadow:0 18px 40px #10182833}.button-primary:hover,.button-primary:focus-visible{box-shadow:0 22px 48px #1018283d,0 0 0 6px #0f766e2e,0 0 0 12px #0f766e12}.button-primary:active{transition-duration:80ms;transform:scale(.96);box-shadow:0 12px 28px #1018282e}.button-secondary{color:var(--ink);background:#ffffffd6;border:1px solid #cbd5e1f2;box-shadow:inset 0 1px #ffffffdb}.button-secondary:hover,.button-secondary:focus-visible{background:#fff;border-color:#0f766e47}.quick-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:32px 0 0;display:grid}.quick-stats div{background:#ffffffc2;border:1px solid #e2e8f0f2;border-radius:18px;padding:15px;transition:border-color .18s,box-shadow .18s,transform .18s;position:relative;overflow:hidden;box-shadow:0 12px 30px #0f172a0d}.quick-stats div:before{content:"";background:linear-gradient(180deg, var(--accent), var(--accent-blue));width:3px;position:absolute;inset:0 auto 0 0}.quick-stats dt{color:var(--muted);text-transform:uppercase;margin-bottom:5px;font-size:.75rem;font-weight:800}.quick-stats dd{color:var(--ink);margin:0;font-weight:800}.hero-visual{justify-content:center;animation:7s ease-in-out 1.4s infinite float;display:flex}.visual-card{background:radial-gradient(500px circle at var(--glow-x) var(--glow-y), #8ee4d54d, #8ee4d51a 32%, transparent 58%), linear-gradient(180deg, #fffffff0, #ffffffc7), linear-gradient(135deg, #0f766e1f, #2563eb1a);border:1px solid #0f766e2e;border-radius:26px;width:min(100%,390px);padding:22px;transition:border-color .36s,box-shadow .36s,transform .36s cubic-bezier(.22,1,.36,1);animation:.92s cubic-bezier(.22,1,.36,1) .26s both hero-visual-in;position:relative;overflow:hidden;box-shadow:0 30px 80px #0f172a1f,0 0 0 8px #ffffff73}.visual-card:before{content:"";filter:blur(20px);background:#2563eb24;border-radius:999px;width:210px;height:210px;position:absolute;inset:-25% -20% auto auto}.visual-card>*{z-index:1;position:relative}.visual-topline{color:var(--ink);text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;font-size:.82rem;font-weight:800;display:flex}.visual-topline span{background:#ffffffc7;border:1px solid #e2e8f0d9;border-radius:999px;align-items:center;min-height:30px;padding:0 10px;display:inline-flex}.visual-topline span:last-child{color:var(--accent);background:#0f766e14;border-color:#0f766e2e}.visual-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.visual-stack li{min-height:56px;color:var(--ink);text-align:center;background:linear-gradient(#ffffffeb,#ffffffb3);border:1px solid #0f766e29;border-radius:14px;justify-content:center;align-items:center;padding:8px 6px;font-size:.88rem;font-weight:900;line-height:1.2;transition:color .2s,border-color .2s,background .2s,box-shadow .2s,transform .2s cubic-bezier(.22,1,.36,1);display:flex;box-shadow:0 8px 20px #0f172a0d}.visual-stack li:hover{color:var(--accent);border-color:#0f766e57;transform:translateY(-2px);box-shadow:0 12px 26px #0f766e21}.status-dot{background:#12b76a;border-radius:999px;flex:none;width:10px;height:10px;animation:2.8s ease-in-out infinite status-pulse;box-shadow:0 0 0 6px #12b76a24}.about-section,.workbench-section,.projects-section,.experience-section,.contact-section{border-top:1px solid var(--line);padding:74px 0}.section-heading{max-width:760px;margin-bottom:32px;position:relative}.section-heading p:not(.eyebrow){color:var(--body);font-size:1rem;line-height:1.65}.profile-layout{grid-template-columns:minmax(250px,.62fr) minmax(0,1.38fr);align-items:stretch;gap:22px;display:grid}.profile-card{background:radial-gradient(480px circle at var(--glow-x) var(--glow-y), #2563eb33, #2563eb12 32%, transparent 58%), linear-gradient(180deg, #fffffff5, #ffffffc7), linear-gradient(135deg, #0f766e1a, #2563eb14);box-shadow:var(--shadow-soft);border:1px solid #e2e8f0f2;border-radius:24px;gap:16px;padding:22px;transition:border-color .34s,box-shadow .34s,transform .34s cubic-bezier(.22,1,.36,1);display:grid;position:relative;overflow:hidden}.profile-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-blue));height:4px;position:absolute;inset:0 0 auto}.photo-placeholder{aspect-ratio:1;color:#fff;background:linear-gradient(135deg,#101828f2,#0f766edb),radial-gradient(circle at 100% 0,#2563eb5c,#0000 36%);border:1px solid #94a3b852;border-radius:18px;place-items:center;min-height:180px;display:grid;position:relative;overflow:hidden}.photo-placeholder img{z-index:2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.profile-card-label{color:var(--ink);margin-bottom:8px;font-weight:900}.profile-card p:last-child{color:var(--body);margin-bottom:0;line-height:1.6}.about-copy{background:#ffffffc7;border:1px solid #e2e8f0f2;border-radius:24px;align-content:center;gap:18px;padding:28px;transition:border-color .34s,box-shadow .34s,transform .34s cubic-bezier(.22,1,.36,1);display:grid;box-shadow:0 18px 50px #0f172a0f}.about-copy>p{color:var(--body);margin-bottom:0;font-size:1.02rem;line-height:1.68}.about-focus{gap:11px;display:grid}.about-focus-label{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}.about-focus ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.about-focus li{color:var(--ink);padding-left:22px;font-weight:600;line-height:1.4;position:relative}.about-focus li:before{content:"";background:linear-gradient(135deg, var(--accent), var(--accent-blue));border-radius:999px;width:9px;height:9px;position:absolute;top:.5em;left:0}.workbench{grid-template-columns:minmax(240px,.36fr) minmax(0,1fr);align-items:start;gap:18px;display:grid;position:relative}.mode-list{gap:10px;display:grid}.interaction-status{color:var(--accent);background:#0f766e12;border:1px solid #0f766e29;border-radius:999px;grid-column:1;justify-self:start;align-items:center;margin:0;padding:10px 12px;font-size:.86rem;font-weight:900;display:inline-flex}.mode-panels,.experience-panels{grid-area:1/2/span 2}.project-detail-panels{grid-area:1/2;align-self:start;position:static;top:auto}.project-detail-panels>.project-detail-panel{display:none}.project-detail-panels>.project-detail-panel.is-active{display:block}.project-detail-panels>.project-detail-panel.is-active>*{animation:.6s cubic-bezier(.22,1,.36,1) both panel-enter}.mode-button{border:1px solid var(--line);width:100%;color:var(--body);text-align:left;cursor:pointer;touch-action:manipulation;background:#ffffffbd;border-radius:18px;gap:4px;padding:17px 18px;transition:color .18s,border-color .18s,box-shadow .18s,transform .36s cubic-bezier(.22,1,.36,1),background .26s;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 34px #0f172a0a}.mode-button:before,.experience-tab:before{content:"";background:linear-gradient(180deg, var(--accent), var(--accent-blue));opacity:0;transform-origin:top;border-radius:999px;width:4px;transition:opacity .24s,transform .36s cubic-bezier(.22,1,.36,1);position:absolute;inset:12px auto 12px 0;transform:scaleY(.3)}.mode-button:hover,.mode-button:focus-visible{color:var(--ink);background:#fff;border-color:#0f766e38;transform:translateY(-5px);box-shadow:0 20px 46px #0f766e24}.mode-button.active{color:var(--ink);background:#fff;border-color:#0f766e57;box-shadow:0 18px 45px #0f766e24}.mode-button.active:before,.experience-tab.active:before{opacity:1;background:linear-gradient(180deg, var(--accent), var(--accent-blue), var(--accent));background-size:100% 200%;animation:3.2s linear infinite accent-flow-y;transform:scaleY(1)}.mode-button span{font-size:1.02rem;font-weight:900}.mode-button small{color:var(--muted);text-transform:uppercase;font-size:.82rem;font-weight:800}.mode-panel{background:radial-gradient(600px circle at var(--glow-x) var(--glow-y), #8ee4d557, #8ee4d51a 30%, transparent 56%), linear-gradient(135deg, #101828f7, #0f172aeb), radial-gradient(circle at top right, #0f766e66, transparent 34%);color:#fff;border:1px solid #94a3b83d;border-radius:26px;min-height:auto;padding:28px;position:relative;overflow:hidden;box-shadow:0 28px 70px #0f172a29}.mode-panels>.mode-panel,.experience-panels>.experience-panel{display:none}.mode-panels>.mode-panel.is-active,.experience-panels>.experience-panel.is-active{display:block}.mode-panels>.mode-panel.is-active>*,.experience-panels>.experience-panel.is-active>*{animation:.6s cubic-bezier(.22,1,.36,1) both panel-enter}.mode-panel:before,.project-detail-panel:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-blue));height:5px;position:absolute;inset:-1px -1px auto}.mode-panel:after,.project-detail-panel:after{content:"";filter:blur(26px);background:#2563eb2e;border-radius:999px;width:260px;height:260px;position:absolute;inset:auto -10% -45% auto}.mode-panel>*,.project-detail-panel>*{z-index:1;position:relative}.panel-eyebrow{color:#8ee4d5;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px;font-size:.78rem;font-weight:900}.mode-panel h3{color:#fff;max-width:680px;margin-bottom:14px;font-size:clamp(1.6rem,2.6vw,2.5rem);line-height:1.04}.mode-panel>p:not(.panel-eyebrow){color:#ffffffc2;max-width:760px;margin-bottom:0;font-size:1rem;line-height:1.65}.tool-cloud{flex-wrap:wrap;gap:9px;margin-top:22px;display:flex}.tool-cloud span{color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;align-items:center;min-height:34px;padding:0 13px;font-size:.88rem;font-weight:800;transition:border-color .26s,background .26s,transform .26s;display:inline-flex}.tool-cloud span:hover{background:#ffffff29;border-color:#ffffff61;transform:translateY(-2px);box-shadow:0 4px 14px #0003}.panel-footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.panel-footer div{background:#ffffff14;border:1px solid #ffffff24;border-radius:18px;align-content:start;min-height:auto;padding:16px;display:grid}.panel-footer span{color:#ffffff94;text-transform:uppercase;margin-bottom:8px;font-size:.78rem;font-weight:900;display:block}.panel-footer strong{color:#fff;line-height:1.45}.experience-panel:before{content:"";background:linear-gradient(180deg, var(--accent-blue), var(--accent));width:5px;position:absolute;inset:0 auto 0 0}.experience-panel>*{z-index:1;position:relative}.experience-content h4:before{content:"";background:var(--accent-blue);border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 5px #2563eb1a}.project-showcase{grid-template-columns:minmax(260px,.54fr) minmax(0,1fr);align-items:start;gap:18px;display:grid;position:relative}.project-grid{gap:12px;display:grid}.mode-list.is-revealed .mode-button,.project-grid.is-revealed .project-card,.experience-tabs.is-revealed .experience-tab{animation:.68s cubic-bezier(.22,1,.36,1) backwards selector-card-in}.mode-list.is-revealed .mode-button:nth-child(2),.project-grid.is-revealed .project-card:nth-child(2),.experience-tabs.is-revealed .experience-tab:nth-child(2){animation-delay:80ms}.mode-list.is-revealed .mode-button:nth-child(3),.project-grid.is-revealed .project-card:nth-child(3),.experience-tabs.is-revealed .experience-tab:nth-child(3){animation-delay:.16s}.mode-list.is-revealed .mode-button:nth-child(4),.experience-tabs.is-revealed .experience-tab:nth-child(4){animation-delay:.24s}.project-grid[data-reveal],.mode-list[data-reveal],.experience-tabs[data-reveal]{opacity:1;transition:none;transform:none}.project-card{border:1px solid var(--line);background:radial-gradient(360px circle at var(--glow-x) var(--glow-y), #2563eb29, #2563eb0d 34%, transparent 60%), linear-gradient(180deg, #fffffff5, #ffffffd1), radial-gradient(circle at top right, #0f766e1a, transparent 34%);width:100%;color:var(--body);text-align:left;cursor:pointer;touch-action:manipulation;border-radius:22px;gap:10px;padding:15px 16px;transition:border-color .18s,box-shadow .18s,transform .36s cubic-bezier(.22,1,.36,1),background .32s;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #0f172a17}.project-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-blue));opacity:0;height:4px;transition:opacity .18s;position:absolute;inset:0 0 auto}.project-card:hover,.project-card:focus-visible{border-color:#0f766e52;transform:translateY(-6px);box-shadow:0 30px 64px #0f766e2e}.project-card.active{background:radial-gradient(360px circle at var(--glow-x) var(--glow-y), #2563eb2e, #2563eb0f 34%, transparent 60%), linear-gradient(180deg, #fff, #ffffffe6), radial-gradient(circle at top right, #0f766e1f, transparent 34%);border-color:#0f766e57;box-shadow:0 24px 58px #0f766e29,0 0 0 6px #0f766e0e}.project-card.active:before{opacity:1;background:linear-gradient(90deg, var(--accent), var(--accent-blue), var(--accent));background-size:200% 100%;animation:3.2s linear infinite accent-flow-x}.project-card.active .project-card-action{background:#0f766e1f;border-color:#0f766e42}.project-card-action{min-height:28px;color:var(--accent);background:#0f766e12;border:1px solid #0f766e2e;border-radius:999px;justify-self:start;align-items:center;padding:0 10px;font-size:.82rem;font-weight:900;display:inline-flex}.project-card-footer{align-items:center;gap:8px;display:flex}.project-card-live{min-height:28px;color:var(--accent);text-transform:uppercase;background:#0f766e17;border:1px solid #0f766e3d;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:.78rem;font-weight:900;display:inline-flex}.project-card-live:before{content:"";background:#ef4444;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite live-pulse}.project-card-topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.project-card-topline span{min-height:26px;color:var(--accent);text-transform:uppercase;background:#0f766e17;border-radius:999px;align-items:center;padding:0 10px;font-size:.78rem;font-weight:900;display:inline-flex}.project-card-topline small{color:var(--muted);font-size:.78rem;font-weight:800}.project-card-title{color:var(--ink);font-size:clamp(1.16rem,1.6vw,1.45rem);font-weight:900;line-height:1.06;display:block}.project-card-description{color:var(--body);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.45;display:-webkit-box;overflow:hidden}.project-stack{flex-wrap:wrap;gap:6px;display:flex}.project-stack span{min-height:26px;color:var(--ink);background:#0f766e0f;border:1px solid #0f766e29;border-radius:999px;align-items:center;padding:0 9px;font-size:.78rem;font-weight:900;transition:border-color .16s,background .16s,transform .16s;display:inline-flex}.project-stack span:hover{background:#0f766e1a;border-color:#0f766e47;transform:translateY(-1px)}.project-detail-panel{background:radial-gradient(640px circle at var(--glow-x) var(--glow-y), #8ee4d557, #8ee4d51a 30%, transparent 56%), linear-gradient(135deg, #101828f7, #0f172aeb), radial-gradient(circle at top right, #0f766e57, transparent 34%);color:#fff;border:1px solid #94a3b83d;border-radius:26px;align-self:start;min-height:0;padding:28px;position:relative;overflow:hidden;box-shadow:0 28px 70px #0f172a29}.panel-title-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.project-detail-panel h3{color:#fff;max-width:720px;margin-bottom:0;font-size:clamp(1.6rem,2.6vw,2.5rem);line-height:1.04}.panel-live-badge{color:#bff5eb;text-transform:uppercase;letter-spacing:.04em;background:#8ee4d51a;border:1px solid #8ee4d566;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:4px 11px;font-size:.75rem;font-weight:900;text-decoration:none;transition:border-color .16s,background .16s,box-shadow .16s,transform .22s cubic-bezier(.22,1,.36,1);display:inline-flex;box-shadow:0 0 8px #8ee4d533,0 0 18px #8ee4d514}.panel-live-badge:hover,.panel-live-badge:focus-visible{background:#8ee4d52e;border-color:#8ee4d5b3;transform:translateY(-2px);box-shadow:0 0 14px #8ee4d580,0 0 32px #8ee4d533}.panel-live-badge:before{content:"";background:#ef4444;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite live-pulse}.project-detail-panel>p:not(.panel-eyebrow){color:#ffffffc2;max-width:760px;margin-bottom:0;font-size:1rem;line-height:1.65}.project-detail-stack,.project-status-row{flex-wrap:wrap;gap:9px;display:flex}.project-detail-stack{margin-top:20px}.project-status-row{margin-top:14px}.project-detail-stack span,.project-status-row span{border-radius:999px;align-items:center;min-height:34px;padding:0 12px;font-size:.86rem;font-weight:900;display:inline-flex}.project-detail-stack span{color:#fff;background:#ffffff14;border:1px solid #ffffff29;transition:border-color .26s,background .26s,transform .26s}.project-detail-stack span:hover{background:#ffffff29;border-color:#ffffff61;transform:translateY(-2px);box-shadow:0 4px 14px #0003}.project-status-row span{color:#bff5eb;background:#8ee4d51a;border:1px solid #8ee4d533}.project-detail-grid{grid-template-columns:1fr .9fr;gap:12px;margin-top:22px;display:grid}.project-detail-grid>div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff24;border-radius:18px;padding:18px}.project-detail-grid h4,.project-note strong{color:#fff;text-transform:uppercase;margin:0 0 12px;font-size:.86rem;font-weight:900;display:block}.project-detail-grid ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.project-detail-grid li{color:#ffffffc2;padding-left:20px;line-height:1.5;position:relative}.project-detail-grid li:before{content:"";background:#8ee4d5;border-radius:999px;width:7px;height:7px;position:absolute;top:.7em;left:0}.project-note{margin-top:0}.project-note p{color:#ffffffc2;margin:0;line-height:1.55}.github-feed{margin-top:18px}.github-feed-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.github-feed-label{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}.github-feed-head a{color:var(--muted);font-size:.86rem;font-weight:800;text-decoration:none;transition:color .16s}.github-feed-head a:hover,.github-feed-head a:focus-visible{color:var(--accent)}.github-feed-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.github-repo-card{min-width:0;color:inherit;background:linear-gradient(#fffffffa,#ffffffe6),radial-gradient(circle at 100% 0,#0f766e14,#0000 34%);border:1px solid #e2e8f0f2;border-radius:18px;align-content:start;gap:8px;padding:16px 18px;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .36s cubic-bezier(.22,1,.36,1);display:grid;box-shadow:0 18px 45px #0f172a0f}.github-repo-card:hover,.github-repo-card:focus-visible{border-color:#0f766e57;transform:translateY(-4px);box-shadow:0 28px 60px #0f766e26,0 0 0 6px #0f766e12}.github-repo-card strong{color:var(--ink);overflow-wrap:anywhere;font-size:.98rem}.github-repo-desc{color:var(--body);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.github-repo-meta{color:var(--muted);text-transform:uppercase;font-size:.76rem;font-weight:800}.github-repo-skeleton span{background:#0f172a17;border-radius:6px;height:12px;animation:1.6s ease-in-out infinite skeleton-pulse;display:block}.github-repo-skeleton span:first-child{width:55%}.github-repo-skeleton span:nth-child(2){width:90%}.github-repo-skeleton span:nth-child(3){width:40%}.github-feed-note{color:var(--muted);margin:0;font-size:.92rem}.github-feed-note a{color:var(--accent);font-weight:700}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.experience-board{grid-template-columns:minmax(240px,.34fr) minmax(0,1fr);align-items:start;gap:18px;display:grid;position:relative}.experience-tabs{gap:10px;display:grid;position:relative}.experience-tabs:before{content:"";background:linear-gradient(#0f766e33,#2563eb29);border-radius:999px;width:2px;position:absolute;top:12px;bottom:12px;left:1px}.experience-tab{border:1px solid var(--line);width:100%;color:var(--body);text-align:left;cursor:pointer;touch-action:manipulation;background:#ffffffc2;border-radius:18px;gap:5px;padding:17px 18px;transition:color .18s,border-color .18s,box-shadow .18s,transform .36s cubic-bezier(.22,1,.36,1),background .26s;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 34px #0f172a0a}.experience-tab:hover,.experience-tab:focus-visible{color:var(--ink);background:#fff;border-color:#0f766e38;transform:translateY(-5px);box-shadow:0 20px 46px #0f766e24}.experience-tab.active{color:var(--ink);background:#fff;border-color:#0f766e4d;box-shadow:0 18px 45px #0f766e1f}.experience-tab span{font-size:1rem;font-weight:900}.experience-tab small{color:var(--muted);text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:800;overflow:hidden}.experience-panel{background:radial-gradient(600px circle at var(--glow-x) var(--glow-y), #2563eb33, #2563eb12 30%, transparent 56%), linear-gradient(180deg, #fffffff5, #ffffffd1), radial-gradient(circle at top right, #0f766e1a, transparent 34%);border:1px solid #e2e8f0f2;border-radius:26px;padding:30px;transition:border-color .36s,box-shadow .36s,transform .36s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:0 24px 70px #0f172a17}.experience-panel .panel-eyebrow{color:var(--accent)}.experience-panel h3{color:var(--ink);margin-bottom:12px;font-size:clamp(1.55rem,2.6vw,2.4rem);line-height:1.05}.experience-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px;display:grid}.experience-meta div{background:#ffffffe0;border:1px solid #e2e8f0f2;border-radius:16px;padding:14px;transition:border-color .18s,box-shadow .18s,transform .18s;box-shadow:0 10px 24px #0f172a09}.experience-meta dt{color:var(--muted);text-transform:uppercase;margin-bottom:4px;font-size:.72rem;font-weight:900}.experience-meta dd{color:var(--ink);margin:0;font-weight:900;line-height:1.35}.experience-panel>p:not(.panel-eyebrow){max-width:760px;color:var(--body);margin-bottom:0;font-size:1rem;line-height:1.65}.experience-content{grid-template-columns:1fr .85fr;gap:16px;margin-top:22px;display:grid}.experience-content>div{background:#fff;border:1px solid #e2e8f0f2;border-radius:20px;padding:18px;transition:border-color .18s,box-shadow .18s,transform .18s;box-shadow:0 10px 28px #0f172a09}.experience-content h4{color:var(--ink);text-transform:uppercase;align-items:center;gap:8px;margin:0 0 12px;font-size:.9rem;font-weight:900;display:inline-flex}.experience-content h4:before{background:var(--accent);box-shadow:0 0 0 5px #0f766e1a}.experience-content ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.experience-content li{color:var(--body);padding-left:20px;line-height:1.5;position:relative}.experience-content li:before{content:"";background:var(--accent);border-radius:999px;width:7px;height:7px;position:absolute;top:.7em;left:0}.experience-tools{flex-wrap:wrap;gap:8px;display:flex}.experience-tools span{min-height:32px;color:var(--ink);background:#0f766e0f;border:1px solid #0f766e29;border-radius:999px;align-items:center;padding:0 10px;font-size:.86rem;font-weight:900;transition:border-color .26s,background .26s,transform .26s;display:inline-flex}.experience-tools span:hover{background:#0f766e1a;border-color:#0f766e47;transform:translateY(-1px)}.experience-panel-compact{padding:24px}.experience-panel-compact h3{margin-bottom:10px;font-size:clamp(1.35rem,2.1vw,2rem)}.experience-panel-compact .experience-meta{gap:8px;margin-bottom:14px}.experience-panel-compact .experience-meta div{border-radius:14px;padding:10px 12px}.experience-panel-compact>p:not(.panel-eyebrow){max-width:700px;font-size:.94rem;line-height:1.55}.experience-panel-compact .experience-content{gap:12px;margin-top:16px}.experience-panel-compact .experience-content>div{border-radius:16px;padding:14px}.experience-panel-compact .experience-content h4{margin-bottom:9px;font-size:.82rem}.experience-panel-compact .experience-content ul{gap:7px}.experience-panel-compact .experience-content li{font-size:.92rem;line-height:1.42}.experience-panel-compact .experience-tools{gap:6px}.experience-panel-compact .experience-tools span{min-height:28px;padding:0 9px;font-size:.8rem}.contact-section{grid-template-columns:minmax(0,.86fr) minmax(320px,1fr);align-items:start;gap:26px;display:grid;position:relative;overflow:hidden}.contact-section:before{content:"";filter:blur(20px);pointer-events:none;background:#0f766e14;border-radius:999px;width:220px;height:220px;position:absolute;inset:42px auto auto -120px}.contact-section h2{margin-bottom:14px;font-size:clamp(1.8rem,3vw,2.6rem)}.contact-copy p:not(.eyebrow){max-width:560px;color:var(--body);margin-bottom:0;font-size:1rem;line-height:1.65}.contact-availability{color:var(--accent);background:#0f766e12;border:1px solid #0f766e33;border-radius:999px;align-items:center;gap:10px;margin-top:22px;padding:10px 16px;font-size:.9rem;font-weight:800;display:inline-flex}.contact-links{gap:12px;display:grid}.contact-links a,.copy-email-button{width:100%;color:inherit;background:linear-gradient(#fffffffa,#ffffffe6),radial-gradient(circle at 100% 0,#0f766e14,#0000 34%);border:1px solid #e2e8f0f2;border-radius:18px;gap:5px;padding:18px 44px 18px 20px;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .36s cubic-bezier(.22,1,.36,1),background .32s;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 45px #0f172a0f}.contact-links a:after{content:"";color:#0f766e99;border-top:2px solid;border-right:2px solid;width:8px;height:8px;transition:transform .18s,color .18s;position:absolute;top:50%;right:20px;transform:translateY(-50%)rotate(45deg)}.contact-links a:hover,.contact-links a:focus-visible,.copy-email-button:hover,.copy-email-button:focus-visible{border-color:#0f766e57;transform:translateY(-5px);box-shadow:0 28px 60px #0f766e26,0 0 0 6px #0f766e12}.contact-links a:hover:after,.contact-links a:focus-visible:after{color:var(--accent);transform:translate(3px,-50%)rotate(45deg)}.copy-email-button{cursor:pointer;touch-action:manipulation;text-align:left}.copy-email-button:active{transition-duration:80ms;transform:scale(.97)}.copy-email-button:after{content:"Copy";color:var(--accent);text-transform:uppercase;font-size:.76rem;font-weight:900;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.copy-email-button.copied:after{content:"Copied ✓";animation:.34s cubic-bezier(.22,1,.36,1) copied-pop}@keyframes copied-pop{0%{opacity:0;transform:translateY(-50%)scale(.7)}60%{transform:translateY(-50%)scale(1.1)}to{opacity:1;transform:translateY(-50%)scale(1)}}.contact-links span,.copy-email-button span{color:var(--accent);text-transform:uppercase;font-size:.78rem;font-weight:900}.contact-links strong,.copy-email-button strong{color:var(--ink);overflow-wrap:anywhere}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:18px;padding:24px 0 32px;font-size:.92rem;display:flex}.site-footer p{margin-bottom:0}.back-to-top{z-index:12;min-width:52px;min-height:52px;color:var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;pointer-events:none;background:#ffffffe0;border:1px solid #e2e8f0e6;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:.82rem;font-weight:900;text-decoration:none;transition:opacity .28s,border-color .26s,box-shadow .26s,transform .34s cubic-bezier(.22,1,.36,1);display:inline-flex;position:fixed;bottom:24px;right:24px;transform:translateY(10px)scale(.92);box-shadow:0 18px 45px #0f172a1f}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.back-to-top:hover,.back-to-top:focus-visible{border-color:#0f766e4d;transform:translateY(-3px)scale(1.02);box-shadow:0 22px 52px #0f766e24}.mode-panel.is-active .tool-cloud span,.project-detail-panel.is-active .project-detail-stack span,.project-detail-panel.is-active .project-status-row span,.experience-panel.is-active .experience-tools span{animation:.48s cubic-bezier(.22,1,.36,1) both chip-enter}.mode-panel.is-active .tool-cloud span:nth-child(2),.project-detail-panel.is-active .project-detail-stack span:nth-child(2),.project-detail-panel.is-active .project-status-row span:nth-child(2),.experience-panel.is-active .experience-tools span:nth-child(2){animation-delay:35ms}.mode-panel.is-active .tool-cloud span:nth-child(3),.project-detail-panel.is-active .project-detail-stack span:nth-child(3),.experience-panel.is-active .experience-tools span:nth-child(3){animation-delay:70ms}.mode-panel.is-active .tool-cloud span:nth-child(4),.project-detail-panel.is-active .project-detail-stack span:nth-child(4),.experience-panel.is-active .experience-tools span:nth-child(4){animation-delay:.105s}.mode-panel.is-active .tool-cloud span:nth-child(5),.project-detail-panel.is-active .project-detail-stack span:nth-child(5),.experience-panel.is-active .experience-tools span:nth-child(5){animation-delay:.14s}@media (hover:hover) and (pointer:fine){.quick-stats div,.profile-card,.about-copy,.experience-meta div,.experience-content>div,.visual-card,.mode-panel,.project-detail-panel,.experience-panel{will-change:transform}.quick-stats div:hover,.profile-card:hover,.about-copy:hover,.experience-meta div:hover,.experience-content>div:hover{border-color:#0f766e47;transform:translateY(-5px);box-shadow:0 28px 60px #0f766e24}.visual-card:hover,.mode-panel:hover,.project-detail-panel:hover,.experience-panel:hover{border-color:#8ee4d55c;transform:translateY(-5px);box-shadow:0 40px 96px #0f172a38}}@keyframes page-load{0%{opacity:0}to{opacity:1}}@keyframes header-drop{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-copy-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-visual-in{0%{opacity:0;transform:translateY(20px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes selector-card-in{0%{opacity:0;transform:translateY(28px)scale(.955)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes panel-enter{0%{opacity:0;transform:translateY(18px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes chip-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes accent-flow-x{to{background-position:200% 0}}@keyframes accent-flow-y{to{background-position:0 200%}}@keyframes rotator-word-in{0%{opacity:0;transform:translateY(70%)}to{opacity:1;transform:translateY(0)}}@keyframes status-pulse{0%,to{box-shadow:0 0 0 6px #12b76a24}50%{box-shadow:0 0 0 11px #12b76a0d}}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.hero-visual,.status-dot,.project-card-live:before,.panel-live-badge:before{animation:none!important}.mode-list.is-revealed .mode-button,.project-grid.is-revealed .project-card,.experience-tabs.is-revealed .experience-tab,.project-detail-panels>.project-detail-panel.is-active>*,.mode-panels>.mode-panel.is-active>*,.experience-panels>.experience-panel.is-active>*{animation:none}}@media (width<=940px){.site-footer{flex-direction:column;align-items:flex-start}.site-header{border-radius:999px;flex-direction:row;align-items:center;padding:6px 6px 6px 8px;top:8px}.brand{display:none}.header-actions{width:100%}.hero-section{grid-template-columns:1fr;gap:34px;min-height:auto;padding-top:46px}.hero-visual{justify-content:flex-start}.profile-layout,.workbench,.project-showcase,.project-grid,.experience-board,.contact-section{grid-template-columns:1fr}.mode-panel,.project-detail-panel,.experience-panel{align-self:stretch;min-height:auto}.mode-panels,.project-detail-panels,.experience-panels,.interaction-status{grid-area:auto}.github-feed-grid{grid-template-columns:1fr}.project-detail-panels{position:static;top:auto}.contact-section{align-items:start}}@media (width<=640px){.app-shell{width:min(100% - 28px,1180px)}.site-header{border-radius:999px;margin-top:8px;padding:5px 5px 5px 7px}.back-to-top{min-width:46px;min-height:46px;font-size:.76rem;bottom:14px;right:14px}h1{font-size:clamp(2.55rem,15vw,4rem)}.quick-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.quick-stats div{padding:10px 8px 10px 12px}.quick-stats dt{margin-bottom:2px;font-size:.62rem}.quick-stats dd{font-size:.82rem;line-height:1.25}.about-copy,.mode-panel,.project-detail-panel,.experience-panel{padding:22px}.panel-footer{gap:10px}.panel-footer,.project-detail-grid,.experience-meta,.experience-content{grid-template-columns:1fr}.visual-card{border-radius:22px;padding:18px}.visual-topline{flex-direction:column;align-items:flex-start}.visual-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-section{gap:24px;padding-bottom:50px}.hero-rotator{margin-top:18px}.hero-actions{gap:10px;margin-top:22px}.contact-links a,.copy-email-button{padding:14px 28px 14px 16px}.site-footer{flex-direction:column;gap:6px}.about-section,.workbench-section,.projects-section,.experience-section,.contact-section{padding:50px 0}}@media print{@page{margin:15mm}*,:before,:after{box-shadow:none!important;filter:none!important;color:#111!important;background:#fff!important;transition:none!important;animation:none!important;transform:none!important}body{background:#fff!important}body:before,body:after{display:none!important}.app-shell{width:100%;margin:0}.scroll-progress,.skip-link,.back-to-top,.pill-nav,.theme-toggle,.github-feed,.hero-rotator,.hero-visual,.interaction-status,.mode-list,.project-grid,.experience-tabs{display:none!important}.site-header{gap:4px;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:none!important;border-bottom:1px solid #bbb!important;border-radius:0!important;margin:0 0 14px!important;padding:0 0 12px!important;position:static!important}.brand-mark{border:1px solid #bbb!important}[data-reveal],[data-reveal].is-revealed{opacity:1!important}.hero-section,.profile-layout,.workbench,.project-showcase,.experience-board,.contact-section,.panel-footer,.project-detail-grid,.experience-content,.experience-meta,.quick-stats{display:block!important}.quick-stats>div,.panel-footer>div,.experience-meta>div{margin-bottom:8px}.mode-panels>.mode-panel,.project-detail-panels>.project-detail-panel,.experience-panels>.experience-panel{page-break-inside:avoid;break-inside:avoid;border-radius:10px;margin-bottom:14px;border:1px solid #bbb!important;display:block!important}.tool-cloud span,.project-detail-stack span,.project-status-row span,.experience-tools span,.project-stack span,.visual-topline span{border:1px solid #bbb!important}.about-section,.workbench-section,.projects-section,.experience-section,.contact-section{break-inside:avoid;border-top:1px solid #ddd;padding:18px 0!important}a{text-decoration:none}}[data-theme=dark] .site-header{background:#0c121f;border-color:#ffffff1f;box-shadow:0 16px 44px #0009,inset 0 1px #ffffff0d}[data-theme=dark] .scroll-progress{background:#ffffff14}[data-theme=dark] .quick-stats div,[data-theme=dark] .about-copy,[data-theme=dark] .mode-button,[data-theme=dark] .experience-tab,[data-theme=dark] .experience-meta div,[data-theme=dark] .experience-content>div,[data-theme=dark] .contact-links a,[data-theme=dark] .copy-email-button,[data-theme=dark] .mode-button:hover,[data-theme=dark] .mode-button.active,[data-theme=dark] .experience-tab:hover,[data-theme=dark] .experience-tab.active{background:#ffffff14;border-color:#2dd4bf6b}[data-theme=dark] .experience-panel{background:radial-gradient(600px circle at var(--glow-x) var(--glow-y), #2dd4bf2e, #2dd4bf0d 30%, transparent 56%), linear-gradient(180deg, #18233a, #121a2b);border-color:#ffffff1a}[data-theme=dark] .profile-card,[data-theme=dark] .visual-card{background:radial-gradient(480px circle at var(--glow-x) var(--glow-y), #60a5fa2e, transparent 58%), linear-gradient(180deg, #18233a, #121a2b);border-color:#ffffff1f}[data-theme=dark] .mode-panel,[data-theme=dark] .project-detail-panel{border-color:#ffffff24}[data-theme=dark] .project-card{background:radial-gradient(360px circle at var(--glow-x) var(--glow-y), #60a5fa29, #60a5fa0d 34%, transparent 60%), linear-gradient(180deg, #18233a, #121a2b);border-color:#ffffff1a}[data-theme=dark] .project-card.active{background:radial-gradient(360px circle at var(--glow-x) var(--glow-y), #60a5fa33, transparent 60%), linear-gradient(180deg, #1d2942, #16203a);border-color:#2dd4bf73}[data-theme=dark] .button-primary{color:#fff;background:linear-gradient(135deg,#0f766e,#2563eb)}[data-theme=dark] .button-secondary{color:var(--ink);box-shadow:none;background:#ffffff0f;border-color:#ffffff29}[data-theme=dark] .button-secondary:hover,[data-theme=dark] .button-secondary:focus-visible{background:#ffffff1a;border-color:#2dd4bf6b}[data-theme=dark] .back-to-top{color:var(--ink);background:#131c2eeb;border-color:#ffffff1f}[data-theme=dark] .visual-topline span{background:#ffffff0f;border-color:#ffffff1f}[data-theme=dark] .visual-stack li{box-shadow:none;background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .visual-stack li:hover{color:var(--accent);background:#ffffff14;border-color:#2dd4bf6b}[data-theme=dark] .visual-topline span:last-child{background:#2dd4bf1f;border-color:#2dd4bf4d}[data-theme=dark] .project-card-topline span,[data-theme=dark] .project-card-action,[data-theme=dark] .project-card-live,[data-theme=dark] .project-stack span{background:#2dd4bf1a;border-color:#2dd4bf4d}[data-theme=dark] .project-stack span{color:var(--ink)}[data-theme=dark] .experience-tabs:before{background:linear-gradient(#2dd4bf4d,#60a5fa3d)}[data-theme=dark] .contact-links a:after{color:#2dd4bfa6}[data-theme=dark] .github-repo-card{background:linear-gradient(#18233a,#121a2b);border-color:#ffffff1a}[data-theme=dark] .github-repo-card:hover,[data-theme=dark] .github-repo-card:focus-visible{border-color:#2dd4bf6b}[data-theme=dark] .github-repo-skeleton span{background:#ffffff17}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.site-header{-webkit-backdrop-filter:blur(28px)saturate(1.6);background:#f7fafcb8;border-color:#ffffffa6;box-shadow:0 16px 44px #0f172a1a,inset 0 1px #ffffffd9,inset 0 -1px #0f172a0a}.pill-nav{background:#ffffff8c}.back-to-top{-webkit-backdrop-filter:blur(20px)saturate(1.5);background:#fff9}.visual-card{background:radial-gradient(500px circle at var(--glow-x) var(--glow-y), #8ee4d54d, #8ee4d51a 32%, transparent 58%), linear-gradient(180deg, #ffffffd1, #ffffff94), linear-gradient(135deg, #0f766e1f, #2563eb1a);-webkit-backdrop-filter:blur(18px)saturate(1.35);box-shadow:0 30px 80px #0f172a1f,0 0 0 8px #ffffff59,inset 0 1px #ffffffe6}[data-theme=dark] .site-header{-webkit-backdrop-filter:blur(28px)saturate(1.4);background:#0c121fa8;border-color:#ffffff24;box-shadow:0 16px 44px #0000008c,inset 0 1px #ffffff14}[data-theme=dark] .back-to-top{background:#131c2e9e}[data-theme=dark] .visual-card{background:radial-gradient(480px circle at var(--glow-x) var(--glow-y), #60a5fa2e, transparent 58%), linear-gradient(180deg, #18233ac7, #121a2ba8);box-shadow:0 30px 80px #0006,inset 0 1px #ffffff14}}@media (prefers-reduced-transparency:reduce){.site-header,.back-to-top,.visual-card,[data-theme=dark] .site-header,[data-theme=dark] .back-to-top,[data-theme=dark] .visual-card{-webkit-backdrop-filter:none}.site-header{background:#f7fafc}.pill-nav{background:#ffffffe6}.back-to-top{background:#fff}.visual-card{background:linear-gradient(#fff,#f7fafc),linear-gradient(135deg,#0f766e1f,#2563eb1a)}[data-theme=dark] .site-header{background:#0c121f}[data-theme=dark] .pill-nav,[data-theme=dark] .back-to-top{background:#131c2e}[data-theme=dark] .visual-card{background:linear-gradient(#18233a,#121a2b)}}