@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600&display=swap";:root{--font-sans: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, Monaco, monospace;--bg-page: #f5f7fa;--bg-surface: #ffffff;--bg-surface-2: #f8fafc;--bg-subtle: #f1f5f9;--bg-overlay: rgba(255,255,255,.92);--border-subtle: #e2e8f0;--border-medium: #cbd5e1;--border-accent: rgba(37,99,235,.18);--text-heading: #0d1627;--text-body: #374151;--text-muted: #6b7280;--text-faint: #9ca3af;--text-inverse: #ffffff;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-light: #eff6ff;--accent-glow: rgba(37,99,235,.12);--accent-2: #0ea5e9;--accent-3: #8b5cf6;--green: #10b981;--amber: #f59e0b;--red: #ef4444;--shadow-xs: 0 1px 2px rgba(15,23,42,.06);--shadow-sm: 0 1px 3px rgba(15,23,42,.08), 0 1px 2px rgba(15,23,42,.04);--shadow-md: 0 4px 12px rgba(15,23,42,.08), 0 2px 4px rgba(15,23,42,.04);--shadow-lg: 0 12px 28px rgba(15,23,42,.1), 0 4px 8px rgba(15,23,42,.06);--shadow-xl: 0 24px 48px rgba(15,23,42,.12);--shadow-hover: 0 16px 40px rgba(37,99,235,.12), 0 4px 12px rgba(15,23,42,.08);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--container-max: 1140px;--nav-height: 68px;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--t-fast: .14s;--t-normal: .24s;--t-slow: .38s}[data-theme=dark]{--bg-page: #070c14;--bg-surface: #0d1526;--bg-surface-2: #111d35;--bg-subtle: #162038;--bg-overlay: rgba(13,21,38,.95);--border-subtle: #1e2d4a;--border-medium: #2a3d5c;--border-accent: rgba(59,130,246,.22);--text-heading: #f0f6ff;--text-body: #b8c9e0;--text-muted: #7a8fa8;--text-faint: #4d6080;--text-inverse: #0d1526;--accent: #3b82f6;--accent-hover: #60a5fa;--accent-light: rgba(59,130,246,.08);--accent-glow: rgba(59,130,246,.15);--accent-2: #38bdf8;--accent-3: #a78bfa;--green: #10b981;--amber: #fbbf24;--red: #f87171;--shadow-xs: 0 1px 3px rgba(0,0,0,.4);--shadow-sm: 0 2px 6px rgba(0,0,0,.4);--shadow-md: 0 6px 18px rgba(0,0,0,.5);--shadow-lg: 0 14px 32px rgba(0,0,0,.6);--shadow-xl: 0 28px 56px rgba(0,0,0,.7);--shadow-hover: 0 16px 40px rgba(59,130,246,.18), 0 4px 12px rgba(0,0,0,.5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background-color:var(--bg-page);color:var(--text-body);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--t-normal) var(--ease-in-out),color var(--t-normal) var(--ease-in-out);overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color var(--t-fast)}img{max-width:100%;display:block}.app-container{position:relative;min-height:100vh}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:1.5rem}.section{padding:7rem 0;position:relative;z-index:1}.ambient-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.ambient-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,var(--border-subtle) 1px,transparent 1px),linear-gradient(to bottom,var(--border-subtle) 1px,transparent 1px);background-size:48px 48px;opacity:.5;mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 30%,transparent 80%)}.ambient-glow{position:absolute;width:700px;height:700px;border-radius:50%;filter:blur(120px);opacity:.06;background:var(--accent);top:-200px;left:50%;transform:translate(-50%)}[data-theme=dark] .ambient-glow{opacity:.09}.site-header{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:1000;transition:background var(--t-normal),box-shadow var(--t-normal),border-color var(--t-normal);background:transparent}.site-header.scrolled{background:var(--bg-overlay);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.nav-container{display:flex;align-items:center;justify-content:space-between;height:var(--nav-height);gap:2rem}.brand-logo{display:flex;flex-direction:column;gap:1px;cursor:pointer;flex-shrink:0}.brand-name{font-family:var(--font-sans);font-weight:700;font-size:1.0625rem;color:var(--text-heading);letter-spacing:-.02em;line-height:1;transition:color var(--t-fast)}.brand-sub{font-size:.6875rem;color:var(--text-muted);letter-spacing:.04em;font-weight:500;display:flex;align-items:center;gap:5px;line-height:1}.status-pulse{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block;position:relative}.status-pulse:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:var(--green);opacity:.35;animation:pulse-ring 2s ease infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:.35}50%{transform:scale(1.8);opacity:0}to{transform:scale(1);opacity:0}}nav.main-nav ul{display:flex;align-items:center;list-style:none;gap:.25rem}.nav-link{display:block;padding:.4rem .875rem;font-size:.875rem;font-weight:500;color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--t-fast),background var(--t-fast)}.nav-link:hover{color:var(--text-heading);background:var(--bg-subtle)}.nav-link.active{color:var(--accent);background:var(--accent-light)}.nav-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.theme-btn{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--t-fast)}.theme-btn:hover{color:var(--text-heading);border-color:var(--border-medium);background:var(--bg-subtle)}.btn-nav-cta{padding:.45rem 1.1rem;font-size:.8125rem;font-weight:600;background:var(--accent);color:#fff;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:background var(--t-fast),transform var(--t-fast);font-family:var(--font-sans)}.btn-nav-cta:hover{background:var(--accent-hover);transform:translateY(-1px)}.mobile-menu-btn{display:none;width:36px;height:36px;align-items:center;justify-content:center;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-muted);cursor:pointer}.about-section{min-height:100vh;display:flex;align-items:center;padding-top:calc(var(--nav-height) + 4rem);padding-bottom:6rem}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.about-identity{display:flex;flex-direction:column;gap:2rem}.about-eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .875rem;background:var(--accent-light);border:1px solid var(--border-accent);border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;color:var(--accent);letter-spacing:.02em;width:fit-content}.about-name{font-family:var(--font-sans);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.03em;line-height:1.08;color:var(--text-heading)}.about-roles{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.role-pill{padding:.3rem .875rem;border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;border:1px solid var(--border-medium);color:var(--text-muted);background:var(--bg-surface);transition:all var(--t-normal)}.role-pill:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.role-separator{color:var(--border-medium);font-size:.875rem;-webkit-user-select:none;user-select:none}.about-bio{font-size:1.0625rem;color:var(--text-body);line-height:1.75;max-width:52ch}.about-bio strong{color:var(--text-heading);font-weight:600}.about-cta-row{display:flex;gap:.875rem;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.625rem;background:var(--accent);color:#fff;font-family:var(--font-sans);font-size:.9375rem;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:background var(--t-normal),transform var(--t-fast),box-shadow var(--t-normal);text-decoration:none;box-shadow:0 2px 8px #2563eb40}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb4d}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;color:var(--text-heading);font-family:var(--font-sans);font-size:.9375rem;font-weight:600;border-radius:var(--radius-md);border:1.5px solid var(--border-medium);cursor:pointer;transition:all var(--t-normal);text-decoration:none}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light);transform:translateY(-2px)}.about-social-row{display:flex;align-items:center;gap:.875rem;padding-top:.5rem}.social-label{font-size:.8125rem;color:var(--text-faint);font-weight:500}.social-link{display:flex;align-items:center;gap:.4rem;font-size:.8125rem;font-weight:600;color:var(--text-muted);padding:.35rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-surface);transition:all var(--t-fast)}.social-link:hover{color:var(--accent);border-color:var(--border-accent);background:var(--accent-light)}.about-visual{position:relative}.analytics-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);transition:box-shadow var(--t-slow)}.analytics-card:hover{box-shadow:var(--shadow-hover)}.analytics-card-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-2)}.card-dots{display:flex;gap:6px}.card-dot{width:10px;height:10px;border-radius:50%}.card-dot.red{background:#ef4444}.card-dot.amber{background:#f59e0b}.card-dot.green{background:#10b981}.card-title{font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);font-family:var(--font-mono)}.live-badge{display:flex;align-items:center;gap:5px;font-size:.6875rem;font-weight:700;color:var(--green);letter-spacing:.06em}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:live-blink 1.2s ease infinite}@keyframes live-blink{0%,to{opacity:1}50%{opacity:.2}}.analytics-card-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.kpi-item{text-align:center;padding:.875rem .5rem;background:var(--bg-subtle);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.kpi-value{font-family:var(--font-sans);font-size:1.25rem;font-weight:800;color:var(--text-heading);letter-spacing:-.02em;line-height:1;margin-bottom:.25rem}.kpi-label{font-size:.6875rem;color:var(--text-muted);font-weight:500;line-height:1.3}.chart-area{background:var(--bg-subtle);border-radius:var(--radius-md);border:1px solid var(--border-subtle);overflow:hidden}.chart-label-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem 0}.chart-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.chart-legend{display:flex;gap:1rem}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:4px;vertical-align:middle}.legend-item{font-size:.6875rem;color:var(--text-muted);font-weight:500}.chart-svg{width:100%;height:90px;display:block}.status-row{display:flex;gap:.5rem;flex-wrap:wrap}.status-chip{display:flex;align-items:center;gap:5px;padding:.3rem .75rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;letter-spacing:.03em}.status-chip.green{background:#10b9811a;color:var(--green);border:1px solid rgba(16,185,129,.25)}.status-chip.blue{background:var(--accent-light);color:var(--accent);border:1px solid var(--border-accent)}.status-chip.amber{background:#f59e0b1a;color:var(--amber);border:1px solid rgba(245,158,11,.25)}.about-float-deco{position:absolute;top:-1.5rem;right:-1.5rem;width:80px;height:80px;border-radius:var(--radius-lg);background:var(--accent-glow);border:1px solid var(--border-accent);display:flex;align-items:center;justify-content:center;color:var(--accent);font-family:var(--font-mono);font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-align:center;line-height:1.4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.section-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem}.section-eyebrow:before{content:"";width:20px;height:2px;background:var(--accent);border-radius:1px}.section-title{font-family:var(--font-sans);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;letter-spacing:-.03em;color:var(--text-heading);line-height:1.15;margin-bottom:1rem}.section-desc{font-size:1.0625rem;color:var(--text-muted);line-height:1.75;max-width:60ch}.section-header-row{margin-bottom:3.5rem}.section-header-row.centered{text-align:center}.section-header-row.centered .section-desc{margin-inline:auto}.section-divider{height:1px;background:linear-gradient(to right,transparent,var(--border-subtle) 20%,var(--border-medium) 50%,var(--border-subtle) 80%,transparent);margin:0 auto;max-width:var(--container-max)}.experience-section{background:var(--bg-surface-2)}.exp-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md)}.exp-card-header{padding:2rem 2.5rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.exp-company-row{display:flex;align-items:center;gap:1.25rem}.ey-logo-box{width:52px;height:52px;background:linear-gradient(135deg,#ffe600,gold);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:1.25rem;font-weight:900;color:#000;letter-spacing:-.04em;flex-shrink:0;box-shadow:0 2px 8px #ffd6004d}.exp-company-name{font-size:.8125rem;font-weight:600;color:var(--text-muted);margin-bottom:3px}.exp-role-title{font-family:var(--font-sans);font-size:1.25rem;font-weight:700;color:var(--text-heading);letter-spacing:-.02em}.exp-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.exp-tenure{padding:.3rem .875rem;background:var(--accent-light);color:var(--accent);border:1px solid var(--border-accent);border-radius:var(--radius-full);font-size:.8125rem;font-weight:600}.exp-location{font-size:.8125rem;color:var(--text-muted);display:flex;align-items:center;gap:4px}.exp-card-body{padding:2rem 2.5rem;display:flex;flex-direction:column;gap:2rem}.exp-lead{font-size:1.0625rem;color:var(--text-body);line-height:1.75;padding-left:1.25rem;border-left:3px solid var(--accent)}.exp-bullets{display:flex;flex-direction:column;gap:1rem}.exp-bullet{display:flex;gap:.875rem;align-items:flex-start}.bullet-icon{width:28px;height:28px;background:var(--accent-light);color:var(--accent);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;border:1px solid var(--border-accent)}.bullet-text{font-size:.9375rem;color:var(--text-body);line-height:1.65}.bullet-text strong{color:var(--text-heading);font-weight:600}.exp-tags-row{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.5rem;border-top:1px solid var(--border-subtle)}.exp-tag{padding:.275rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;background:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border-subtle)}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.project-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-md);transition:transform var(--t-normal) var(--ease-out),box-shadow var(--t-normal) var(--ease-out),border-color var(--t-normal);cursor:pointer}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--border-accent)}.project-card-banner{height:180px;position:relative;overflow:hidden;flex-shrink:0}.project-banner-farming{background:linear-gradient(135deg,#064e3b,#065f46 40%,#047857)}.project-banner-audit{background:linear-gradient(135deg,#1e3a5f,#1d4ed8,#2563eb)}.banner-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.15}.project-banner-tags{position:absolute;bottom:1rem;left:1.25rem;right:1.25rem;display:flex;gap:.5rem;flex-wrap:wrap}.banner-tag{padding:.275rem .75rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:700;background:#ffffff26;color:#ffffffe6;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.04em}.banner-award{background:#ffd6002e;border-color:#ffd60066;color:#fde68a}.project-card-body{padding:1.75rem;display:flex;flex-direction:column;gap:1rem;flex:1}.project-title{font-family:var(--font-sans);font-size:1.1875rem;font-weight:700;color:var(--text-heading);letter-spacing:-.02em;line-height:1.2}.project-subtitle{font-size:.875rem;color:var(--text-muted);font-weight:500;margin-top:-.5rem}.project-desc{font-size:.9375rem;color:var(--text-body);line-height:1.65}.project-highlights{display:flex;flex-direction:column;gap:.625rem}.proj-highlight{display:flex;gap:.625rem;align-items:flex-start;font-size:.875rem;color:var(--text-body);line-height:1.5}.proj-highlight:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:7px}.proj-highlight strong{color:var(--text-heading);font-weight:600}.project-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:.75rem;border-top:1px solid var(--border-subtle)}.proj-tag{padding:.2rem .625rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;background:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border-subtle)}.project-card-footer{padding:1rem 1.75rem 1.5rem;border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end}.btn-view-project{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--accent);background:var(--accent-light);border:1px solid var(--border-accent);border-radius:var(--radius-sm);padding:.5rem 1rem;cursor:pointer;transition:all var(--t-fast);font-family:var(--font-sans)}.btn-view-project:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#070c14bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fade-in var(--t-normal) var(--ease-out)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-panel{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-xl);max-width:680px;width:100%;max-height:88vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slide-up var(--t-slow) var(--spring);position:relative}@keyframes slide-up{0%{transform:translateY(32px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-panel::-webkit-scrollbar{width:4px}.modal-panel::-webkit-scrollbar-track{background:transparent}.modal-panel::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:2px}.modal-header{padding:1.75rem 2rem 1.5rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;position:sticky;top:0;background:var(--bg-surface);z-index:1}.modal-tag{display:inline-block;padding:.2rem .75rem;background:var(--accent-light);color:var(--accent);border:1px solid var(--border-accent);border-radius:var(--radius-full);font-size:.6875rem;font-weight:700;letter-spacing:.04em;margin-bottom:.5rem}.modal-title{font-family:var(--font-sans);font-size:1.4375rem;font-weight:800;color:var(--text-heading);letter-spacing:-.02em;line-height:1.2}.modal-subtitle{font-size:.875rem;color:var(--text-muted);margin-top:4px}.modal-close-btn{width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-subtle);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--t-fast)}.modal-close-btn:hover{background:var(--bg-surface-2);color:var(--text-heading);border-color:var(--border-medium)}.modal-body{padding:2rem;display:flex;flex-direction:column;gap:1.75rem}.modal-section h3{font-family:var(--font-sans);font-size:1rem;font-weight:700;color:var(--text-heading);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.modal-section h3:before{content:"";width:3px;height:1em;background:var(--accent);border-radius:2px;display:inline-block}.modal-section p{font-size:.9375rem;color:var(--text-body);line-height:1.7}.modal-section ul{display:flex;flex-direction:column;gap:.625rem;padding-left:1rem}.modal-section ul li{font-size:.9375rem;color:var(--text-body);line-height:1.65;position:relative}.modal-section ul li:before{content:"";width:6px;height:6px;background:var(--accent);border-radius:50%;position:absolute;left:-1rem;top:.6em}.skills-section{background:var(--bg-surface-2)}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.skill-group{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;transition:border-color var(--t-normal),box-shadow var(--t-normal)}.skill-group:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md)}.skill-group-header{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle)}.skill-group-icon{width:38px;height:38px;background:var(--accent-light);color:var(--accent);border-radius:var(--radius-sm);border:1px solid var(--border-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.skill-group-name{font-family:var(--font-sans);font-size:.9375rem;font-weight:700;color:var(--text-heading);letter-spacing:-.01em}.skill-chips{display:flex;flex-direction:column;gap:.5rem}.skill-chip{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--bg-subtle);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);transition:all var(--t-fast)}.skill-chip:hover{background:var(--accent-light);border-color:var(--border-accent)}.skill-chip-name{font-size:.875rem;font-weight:600;color:var(--text-heading)}.skill-chip-detail{font-size:.6875rem;color:var(--text-faint);font-weight:500}.contact-wrapper{max-width:700px;margin-inline:auto}.contact-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:3rem;text-align:center;box-shadow:var(--shadow-lg)}.contact-quote{font-family:var(--font-sans);font-size:1.75rem;font-weight:800;color:var(--text-heading);letter-spacing:-.03em;line-height:1.2;margin-bottom:1rem}.contact-quote em{font-style:normal;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-desc{font-size:1rem;color:var(--text-muted);line-height:1.7;max-width:48ch;margin-inline:auto;margin-bottom:2.5rem}.contact-methods{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.contact-method{display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem;background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:left;transition:all var(--t-normal)}.contact-method:hover{border-color:var(--border-accent);background:var(--accent-light);box-shadow:var(--shadow-sm)}.contact-method-icon{width:42px;height:42px;border-radius:var(--radius-sm);background:var(--accent-light);color:var(--accent);border:1px solid var(--border-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-method-label{font-size:.75rem;color:var(--text-faint);font-weight:500;margin-bottom:2px}.contact-method-value{font-size:.875rem;font-weight:600;color:var(--text-heading)}.contact-method-action{margin-left:auto;flex-shrink:0}.copy-btn{width:30px;height:30px;border-radius:var(--radius-xs);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--t-fast)}.copy-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.contact-links-row{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;padding-top:1.5rem;border-top:1px solid var(--border-subtle)}.contact-ext-link{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-muted);padding:.5rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-subtle);transition:all var(--t-fast)}.contact-ext-link:hover{color:var(--accent);border-color:var(--border-accent);background:var(--accent-light)}.site-footer{padding:2rem 0;text-align:center;border-top:1px solid var(--border-subtle)}.footer-text{font-size:.8125rem;color:var(--text-faint)}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(100px);background:var(--text-heading);color:var(--bg-page);font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);z-index:3000;transition:transform var(--t-slow) var(--spring),opacity var(--t-slow);opacity:0;pointer-events:none;white-space:nowrap;font-family:var(--font-sans)}.toast.visible{transform:translate(-50%) translateY(0);opacity:1}.reveal{opacity:0;transform:translateY(24px);transition:opacity var(--t-slow) var(--ease-out),transform var(--t-slow) var(--ease-out)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:80ms}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.reveal-delay-4{transition-delay:.32s}@media(max-width:1024px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.about-layout{grid-template-columns:1fr;gap:3rem}.about-visual{order:-1;max-width:520px;margin-inline:auto;width:100%}.projects-grid{grid-template-columns:1fr}.exp-card-header{flex-direction:column}.exp-meta{align-items:flex-start}}@media(max-width:768px){nav.main-nav{display:none}nav.main-nav.open{display:flex}nav.main-nav ul{flex-direction:column;gap:0;position:fixed;top:var(--nav-height);left:0;right:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:1rem;border-bottom:1px solid var(--border-subtle)}.nav-link{padding:.75rem 1rem;width:100%}.mobile-menu-btn{display:flex}.btn-nav-cta{display:none}.section{padding:5rem 0}.about-section{padding-top:calc(var(--nav-height) + 2.5rem);padding-bottom:4rem;min-height:unset}.about-name{font-size:2.5rem}.exp-card-body,.exp-card-header{padding:1.5rem}.contact-card{padding:2rem 1.5rem}.contact-methods{grid-template-columns:1fr}.skills-grid{grid-template-columns:1fr 1fr}.kpi-row{grid-template-columns:repeat(3,1fr);gap:.5rem}}@media(max-width:500px){.about-cta-row{flex-direction:column}.about-roles{gap:.4rem}.skills-grid{grid-template-columns:1fr}.contact-quote{font-size:1.375rem}}