:root{--background:#f5f2eb;--surface:#ffffff;--surface-subtle:#f9f7f2;--surface-strong:#122022;--ink:#172023;--foreground:#27343a;--muted:#69757a;--line:#ded8cc;--line-strong:#c8bead;--accent:#0c6f6b;--accent-strong:#084f4c;--accent-soft:#dcefeb;--gold:#b9852b;--gold-soft:#f3e4ca;--blue:#365f7d;--danger:#a43a2f;--success:#25724d;--shadow:0 22px 60px rgba(21,31,34,0.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--foreground);background:linear-gradient(180deg,rgba(255,255,255,.58),rgba(245,242,235,.95) 460px),var(--background);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;min-height:72px;padding:0 max(20px,calc((100vw - 1180px) / 2));background:rgba(255,255,255,.88);border-bottom:1px solid rgba(222,216,204,.86);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-link,.desktop-nav a,.mobile-nav a,.profile-link,.resume-note,.text-link{display:inline-flex;align-items:center;gap:8px}.brand-link{font-weight:800;color:var(--ink)}.desktop-nav{display:flex;align-items:center;gap:18px;margin-left:auto;color:var(--muted);font-size:14px}.desktop-nav a{min-height:34px}.desktop-nav a:hover,.mobile-nav a:hover,.text-link:hover{color:var(--accent-strong)}.icon-button,.mobile-nav summary,.profile-link{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}.mobile-nav{display:none;margin-left:auto;position:relative}.mobile-nav summary{list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav div{position:absolute;right:0;top:46px;display:grid;grid-gap:12px;gap:12px;width:min(270px,calc(100vw - 32px));padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.hero{position:relative;min-height:min(690px,calc(100vh - 72px));display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(14,25,28,.88),rgba(14,25,28,.58) 45%,rgba(14,25,28,.15)),linear-gradient(0deg,rgba(14,25,28,.34),rgba(14,25,28,.02) 50%)}.hero-image{object-fit:cover;z-index:-2}.hero-copy{width:min(1180px,calc(100% - 40px));margin:0 auto 82px;color:#ffffff}.hero-copy p,.page-heading p,.resume-identity p,.section-kicker{margin:0 0 12px;text-transform:uppercase;letter-spacing:0;font-size:12px;font-weight:800}.hero-copy p,.resume-identity p{color:#dfe8e7}.hero-copy h1{max-width:820px;margin:0;font-size:clamp(54px,9vw,108px);line-height:.93}.hero-copy span{display:block;max-width:690px;margin-top:22px;font-size:clamp(18px,2.3vw,26px);line-height:1.45;color:#edf3f2}.demo-controls,.hero-actions,.resume-actions,.site-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.compact-demo button:not(.neon-button),.demo-controls button,.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:8px;border:1px solid transparent;font-weight:800}.compact-demo button:not(.neon-button),.demo-controls button,.primary-action{background:var(--accent);color:#ffffff}.compact-demo button:not(.neon-button):hover,.demo-controls button:hover,.primary-action:hover{background:var(--accent-strong)}.secondary-action{border-color:rgba(255,255,255,.72);color:#ffffff}.light-action{border-color:var(--line-strong);color:var(--ink);background:var(--surface)}.capability-band,.demo-section,.feature-grid,.impact-strip,.intro-section,.page-wrap,.resume-page,.site-footer{width:min(1180px,calc(100% - 40px));margin:0 auto}.impact-strip{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1px;gap:1px;transform:translateY(-34px);border:1px solid rgba(255,255,255,.72);border-radius:8px;overflow:hidden;box-shadow:var(--shadow)}.impact-strip div{min-height:118px;display:grid;align-content:center;grid-gap:8px;gap:8px;padding:22px;background:rgba(255,255,255,.96)}.impact-strip strong{color:var(--accent-strong);font-size:clamp(30px,4vw,46px);line-height:1}.impact-strip span{color:var(--muted);line-height:1.35}.intro-section{padding:28px 0 22px}.section-kicker{color:var(--gold)}.intro-grid{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);grid-gap:48px;gap:48px;align-items:start}.capability-band h2,.demo-section h2,.intro-grid h2,.page-heading h1,.resume-bottom-grid h2,.resume-hero h1,.resume-section-block h2,.summary-panel h2{color:var(--ink);margin:0}.capability-band h2,.demo-section h2,.intro-grid h2,.resume-section-block h2{font-size:clamp(30px,4.6vw,50px);line-height:1.04}.compact-demo p,.content-band p,.demo-link-card p,.feature-card p,.info-card p,.intro-grid p,.page-heading span,.resume-bottom-grid p,.summary-panel p,.timeline-content li,.timeline-content p,.tutorial p{color:var(--muted);line-height:1.68}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;padding:34px 0 62px}.button-card,.career-section,.contact-panel,.demo-link-card,.demo-panel,.feature-card,.info-card,.resume-bottom-grid article,.resume-main,.resume-section-block,.resume-sidebar,.summary-panel{background:rgba(255,255,255,.88);border:1px solid var(--line);border-radius:8px}.feature-card{min-height:276px;padding:22px}.feature-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:22px;border-radius:8px;color:var(--accent-strong);background:var(--accent-soft)}.button-card h2,.demo-link-card h3,.demo-panel h2,.feature-card h3,.skill-matrix h3,.timeline-content h3,.tutorial h3{margin:0;color:var(--ink)}.capability-band{display:grid;grid-template-columns:.92fr 1.08fr;grid-gap:34px;gap:34px;align-items:start;padding:42px;border-radius:8px;background:var(--surface-strong);color:#ffffff}.capability-band h2{color:#ffffff}.skill-matrix{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.skill-matrix.full{grid-template-columns:repeat(3,1fr)}.skill-matrix article{padding:18px;border:1px solid rgba(222,216,204,.52);border-radius:8px;background:rgba(255,255,255,.08)}.resume-section-block .skill-matrix article{background:var(--surface-subtle);border-color:var(--line)}.skill-matrix h3{margin-bottom:12px;color:inherit}.cert-list,.skill-matrix div,.strength-list{display:flex;flex-wrap:wrap;gap:8px}.cert-list span,.skill-matrix span,.strength-list span{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:8px;color:var(--ink);background:var(--gold-soft);font-size:13px;font-weight:700}.capability-band .skill-matrix span{color:#f8fbfb;background:rgba(220,239,235,.14)}.credential-cert-list{display:grid;grid-template-columns:1fr}.credential-cert-list a{display:grid;grid-template-columns:42px 1fr;grid-gap:10px;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-subtle)}.credential-cert-list span{display:grid;min-height:auto;padding:0;color:var(--foreground);background:transparent;font-size:14px}.credential-cert-list small{margin-top:3px;color:var(--muted);line-height:1.35}.credential-profile-link{margin-top:14px}.demo-section{padding:64px 0}.compact-top{padding-top:20px}.section-heading-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:22px}.text-link{color:var(--accent-strong);font-weight:800}.demo-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.credential-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.credential-card{display:grid;grid-template-columns:58px 1fr 22px;align-items:center;grid-gap:14px;gap:14px;padding:16px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.9);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.credential-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 14px 34px rgba(21,31,34,.1)}.credential-card img,.credential-cert-list img{border-radius:8px}.credential-card h3{margin:0;color:var(--ink);font-size:16px;line-height:1.25}.credential-card p{margin:5px 0 4px;color:var(--muted);line-height:1.35}.credential-card span{color:var(--gold);font-size:13px;font-weight:800}.demo-link-card{display:grid;grid-template-columns:28px 1fr 24px;align-items:center;grid-gap:14px;gap:14px;padding:18px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.demo-link-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 14px 34px rgba(21,31,34,.1)}.demo-link-card svg:first-child{color:var(--success)}.demo-link-card p{margin:5px 0 0}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:82px;color:var(--muted);border-top:1px solid var(--line)}.page-wrap{padding:42px 0 20px}.page-heading{margin-bottom:24px}.page-heading h1{margin:0 0 10px;font-size:clamp(34px,6vw,58px);line-height:1}.resume-page{padding:34px 0 58px}.resume-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:34px;border-radius:8px;color:#ffffff;background:linear-gradient(135deg,rgba(18,32,34,.98),rgba(12,111,107,.78)),var(--surface-strong)}.resume-identity{display:flex;align-items:center;gap:22px}.avatar{border-radius:999px;border:4px solid rgba(255,255,255,.78);object-fit:cover}.resume-hero h1{color:#ffffff;font-size:clamp(42px,7vw,76px);line-height:.96}.resume-hero span{display:block;max-width:680px;margin-top:12px;color:#edf3f2;font-size:18px;line-height:1.5}.resume-top-grid{display:grid;grid-template-columns:340px 1fr;grid-gap:18px;gap:18px;margin-top:18px}.contact-panel,.resume-bottom-grid article,.resume-section-block,.summary-panel{padding:24px}.contact-panel h2{margin-top:0;color:var(--ink)}.contact-list{display:grid;grid-gap:12px;gap:12px}.contact-list a,.contact-list span{display:flex;align-items:center;gap:10px;color:var(--muted);overflow-wrap:anywhere}.summary-panel p{font-size:17px}.resume-section-block{margin-top:18px}.timeline{display:grid;grid-gap:18px;gap:18px}.timeline-item{display:grid;grid-template-columns:72px 1fr;grid-gap:18px;gap:18px;padding-top:18px;border-top:1px solid var(--line)}.timeline-item:first-child{padding-top:0;border-top:0}.company-logo{border-radius:999px;object-fit:cover;background:var(--surface-subtle)}.timeline-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:12px}.timeline-head strong{display:block;margin-top:4px;color:var(--accent-strong)}.timeline-head small,.timeline-head span{display:block;color:var(--muted);text-align:right;white-space:nowrap}.timeline-head span{font-weight:800}.timeline-content ul{margin:14px 0 0;padding-left:18px}.timeline-content li+li{margin-top:8px}.resume-note{color:var(--muted);font-weight:700}.resume-bottom-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;margin-top:18px}.demo-panel{padding:22px}.button-gallery,.demo-grid,.section-grid,.tutorial-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:18px;gap:18px}.section-grid{grid-template-columns:repeat(3,1fr);padding:34px 0}.demo-controls{margin-bottom:16px}.demo-controls label{display:grid;grid-gap:6px;gap:6px;min-width:min(260px,100%);font-weight:800}.demo-controls input,.demo-panel input{min-height:42px;border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:#ffffff}.array-output{display:grid;grid-gap:8px;gap:8px;margin:18px 0;padding:14px;background:var(--surface-subtle);border-radius:8px;color:var(--muted);overflow-wrap:anywhere}.tree-svg{width:100%;min-height:360px;margin-top:18px;border-radius:8px;background:#fbfaf7;border:1px solid var(--line)}.tree-link{stroke:#8da4a2;stroke-width:2}.tree-link-active{stroke:var(--success);stroke-width:4}.tree-node{fill:#ffffff;stroke:#6d817f;stroke-width:2}.tree-node-active{fill:#ddf1e8;stroke:var(--success);stroke-width:4}.tutorial{margin-top:24px}.tutorial-grid article{padding:18px;background:var(--surface-subtle);border-radius:8px}.success-text{color:var(--success)}.error-text{color:var(--danger)}.palindrome-result{display:grid;justify-items:center;grid-gap:12px;gap:12px;margin-top:20px}.char-row{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.char-row span{display:grid;place-items:center;min-width:34px;min-height:34px;padding:4px;border-radius:8px;background:var(--surface-subtle)}.highlight-char{color:var(--accent-strong);font-weight:800;transform:scale(1.08)}.arrow-text,.status-line{color:var(--muted)}.compact-demo{display:grid;justify-items:center;grid-gap:20px;gap:20px}.matrix-grid{display:grid;grid-gap:5px;gap:5px}.matrix-cell{display:grid;place-items:center;width:64px;height:64px;color:#ffffff;background:var(--blue);border-radius:8px;font-weight:800;transition:transform .25s ease,background .25s ease}.matrix-highlight{color:var(--ink);background:#f6c65b;transform:scale(1.08)}.inline-action{margin-top:20px}.button-card{position:relative;padding:22px}.button-stage{display:grid;place-items:center;min-height:170px;border-radius:8px;background:var(--surface-subtle)}.button-stage button,.compact-demo .neon-button{min-width:170px;min-height:50px;border-radius:8px;font-weight:800}.btnMirror{border:0;color:#ffffff;background:#111827;padding:14px 22px;transform-style:preserve-3d;transition:transform .2s ease}.btnMirror:hover{transform:translateY(-2px) rotateX(12deg)}.reflect-button{position:relative;border:0;color:#0f172a;background:#f8fafc;padding:14px 22px;box-shadow:0 8px 20px rgba(15,23,42,.12)}.reflect-button:after{content:attr(data-text);position:absolute;left:0;right:0;bottom:-32px;opacity:.25;transform:scaleY(-1)}.neon-button{color:#18f0c8;border:2px solid #18f0c8;background:#020617;box-shadow:0 0 22px rgba(24,240,200,.55)}.cube-button{border:0;color:#ffffff;background:linear-gradient(135deg,#334155,#0f766e);transform:perspective(500px) rotateX(0deg);transition:transform .2s ease}.cube-button:hover{transform:perspective(500px) rotateX(18deg)}.button-card .icon-button{position:absolute;right:18px;top:18px}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px;background:rgba(15,23,42,.54)}.code-modal{position:relative;width:min(760px,100%);max-height:min(82vh,760px);overflow:auto;padding:24px;border-radius:8px;background:var(--surface)}.modal-close{position:absolute;right:16px;top:16px}pre{overflow:auto;padding:14px;border-radius:8px;background:#0f172a;color:#dbeafe}@media (max-width:1040px){.credential-grid,.feature-grid,.impact-strip,.skill-matrix.full{grid-template-columns:repeat(2,1fr)}.capability-band,.intro-grid,.resume-top-grid{grid-template-columns:1fr}}@media (max-width:900px){.desktop-nav{display:none}.mobile-nav{display:block}.button-gallery,.credential-grid,.demo-grid,.demo-list,.resume-bottom-grid,.section-grid,.skill-matrix,.tutorial-grid{grid-template-columns:1fr}.resume-hero,.section-heading-row,.timeline-head{display:grid}.resume-hero{align-items:start}.timeline-head small,.timeline-head span{text-align:left;white-space:normal}}@media (max-width:640px){.profile-link{display:none}.hero{min-height:620px}.hero-copy{margin-bottom:52px}.hero-copy h1{font-size:clamp(48px,17vw,72px)}.feature-grid,.impact-strip{grid-template-columns:1fr}.capability-band,.contact-panel,.resume-bottom-grid article,.resume-hero,.resume-section-block,.summary-panel{padding:22px}.resume-identity,.timeline-item{grid-template-columns:1fr;display:grid}.matrix-cell{width:54px;height:54px}}