:root{--bg: #0f172a;--card: #1e293b;--accent-1: #60a5fa;--accent-2: #06b6d4;--text-heading: #e2e8f0;--text-body: #cbd5e1;--text-muted: #94a3b8;--border: rgba(148, 163, 184, .16);--show-grid: 1;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-body);font-family:var(--font-body);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--accent-1)}button{font-family:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.gradient-text{background:linear-gradient(90deg,#60a5fa,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-section p{font-size:1.25rem;color:#cbd5e1b3;max-width:42rem;margin:0 auto}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-track{background:#0f172a80}::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#60a5fa,#06b6d4);border-radius:.25rem}::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#3b82f6,#0891b2)}.page{--accent-1: #60a5fa;--accent-2: #06b6d4;background:var(--bg);overflow-x:hidden}.page-content{max-width:1248px;margin:0 auto;padding:0 32px;display:flex;flex-direction:column}.accent-text{color:var(--accent-2)}.eyebrow{font-family:var(--font-mono);font-size:14px;color:var(--accent-2)}.section-heading{font-family:var(--font-display);font-weight:800;font-size:clamp(36px,5vw,60px);line-height:1.02;letter-spacing:-.035em;color:var(--text-heading)}.mono-note{font-family:var(--font-mono);font-size:13px;line-height:1.7;color:var(--text-muted)}.status-line{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:14px;color:var(--text-muted)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 0 4px #06b6d42e;flex-shrink:0}.btn{display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 26px;border-radius:12px;font-family:var(--font-body);font-size:16px;font-weight:500;text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease,color .15s ease,border-color .15s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{border:none;background:linear-gradient(90deg,var(--accent-1),var(--accent-2));color:var(--bg);font-weight:600}.btn-primary:hover{filter:brightness(1.08);box-shadow:0 12px 28px -10px #06b6d48c}.btn-primary.pressed{transform:scale(.97)}.btn-ghost{border:1px solid var(--border);color:var(--text-body);background:transparent}.btn-ghost:hover{color:var(--text-heading);border-color:var(--accent-1);box-shadow:0 12px 24px -14px #60a5fa73}.nav{max-width:1248px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;height:96px;border-bottom:1px solid var(--border)}.nav-logo{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--text-heading)}.nav-logo-mark{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--card);border:1px solid var(--accent-1);font-family:var(--font-mono);font-weight:500;font-size:14px;color:var(--accent-1)}.nav-logo-text{font-family:var(--font-display);font-weight:600;font-size:18px;letter-spacing:-.01em}.nav-links{display:none;align-items:center;gap:32px;font-family:var(--font-mono);font-size:14px}.nav-links a{color:var(--text-muted);text-decoration:none;transition:color .15s ease}.nav-links a:hover{color:var(--text-heading)}.nav-linkedin{height:40px;padding:0 16px;border-radius:999px;font-size:14px}@media(min-width:860px){.nav-links{display:flex}}.hero{position:relative;max-width:1248px;margin:0 auto;padding:64px 32px 80px}.hero-grid{position:absolute;inset:-40px 0 auto;height:720px;pointer-events:none;background-image:linear-gradient(rgba(148,163,184,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.06) 1px,transparent 1px);background-size:48px 48px}.hero-glow{position:absolute;right:-140px;top:-160px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,#06b6d424,#0f172a00 65%);pointer-events:none;animation:glow-pulse 8s ease-in-out infinite}@keyframes glow-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hero-grid-layout{position:relative;display:grid;grid-template-columns:1fr;gap:48px;align-items:start}@media(min-width:980px){.hero-grid-layout{grid-template-columns:1.3fr 1fr;align-items:end}}.hero-copy{display:flex;flex-direction:column;gap:26px}.hero-title{font-family:var(--font-display);font-weight:800;font-size:clamp(56px,11vw,128px);line-height:.9;letter-spacing:-.045em;color:var(--text-heading)}.hero-underline{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--accent-1),var(--accent-2));max-width:220px}.hero-lede{max-width:560px;font-size:clamp(17px,2vw,21px);line-height:1.55;color:var(--text-body)}.hero-lede strong{color:var(--text-heading);font-weight:600}.hero-ctas{display:flex;flex-wrap:wrap;gap:14px}.terminal-card{display:flex;flex-direction:column;border-radius:18px;background:#1e293bb8;border:1px solid var(--border);overflow:hidden;box-shadow:0 40px 80px -30px #020617cc;min-height:300px}.terminal-bar{display:flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-bottom:1px solid var(--border)}.terminal-bar .dot{width:10px;height:10px;border-radius:50%;background:#334155}.terminal-path{margin-left:10px;font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.terminal-body{display:flex;flex-direction:column;gap:14px;padding:22px 24px 28px;font-family:var(--font-mono);font-size:14px;line-height:1.5}.terminal-line .prompt{color:var(--accent-2)}.terminal-line .pwd{color:var(--accent-1)}.terminal-line .cmd{color:var(--text-heading)}.terminal-kv{display:grid;grid-template-columns:90px minmax(0,1fr);row-gap:9px;column-gap:12px;color:var(--text-body)}.terminal-kv dt{color:var(--text-muted)}.terminal-kv dd{min-height:1em}.cursor{display:inline-block;width:7px;height:14px;margin-left:2px;background:var(--accent-2);vertical-align:middle;animation:blink 1s steps(1) infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.impact-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}@media(min-width:860px){.impact-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}.impact-stat{display:flex;flex-direction:column;gap:6px;padding:32px 24px;border-left:1px solid var(--border)}.impact-stat:nth-child(odd){border-left:none}@media(min-width:860px){.impact-stat:nth-child(odd){border-left:1px solid var(--border)}.impact-stat:nth-child(1){border-left:none}}.impact-number{font-family:var(--font-display);font-weight:800;font-size:clamp(38px,5vw,56px);letter-spacing:-.03em;color:var(--text-heading)}.impact-caption{font-size:14px;color:var(--text-muted)}.about{display:grid;grid-template-columns:1fr;gap:48px;padding:96px 0 0;align-items:center}@media(min-width:900px){.about{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.about-photo{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--border);aspect-ratio:4 / 5;max-height:480px}.about-photo img{width:100%;height:100%;object-fit:cover;display:block}.photo-chip{position:absolute;left:20px;bottom:20px;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:#0f172aeb;border:1px solid var(--border);font-family:var(--font-mono);font-size:12px;color:var(--text-body)}.about-copy{display:flex;flex-direction:column;gap:24px}.about-copy p{font-size:18px;line-height:1.7;color:var(--text-body)}.skills{display:flex;flex-direction:column;gap:24px;padding:96px 0 0}.skills-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px}.skills-count{font-family:var(--font-mono);font-size:13px;color:var(--text-muted)}.skills-chips{display:flex;flex-wrap:wrap;gap:12px}.chip{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 20px;border-radius:12px;border:1px solid var(--border);background:#1e293b80;font-size:16px;color:var(--text-body);transition:transform .15s ease,border-color .15s ease,color .15s ease}.chip:hover{transform:scale(1.04);border-color:var(--accent-2);color:var(--text-heading)}.chip-label{font-family:var(--font-mono);font-size:12px;color:var(--accent-1)}.experience{display:flex;flex-direction:column;gap:40px;padding:96px 0 0}.experience-header{display:flex;flex-direction:column;gap:18px;max-width:420px}.timeline{display:flex;flex-direction:column}.timeline-item{display:grid;grid-template-columns:56px minmax(0,1fr);gap:20px;padding-bottom:36px}.timeline-rail{display:flex;flex-direction:column;align-items:center;gap:8px}.timeline-node{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--border);color:var(--text-body);font-family:var(--font-mono);font-weight:500;font-size:13px;flex-shrink:0}.timeline-node-current{background:var(--accent-1);border-color:var(--accent-1);color:var(--bg)}.timeline-line-track{flex-grow:1;width:1px;background:#94a3b824}.timeline-line-fill{display:block;width:100%;height:100%;background:#94a3b859;transform-origin:top}.timeline-content{display:flex;flex-direction:column;gap:8px}.timeline-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px}.timeline-top h3{font-family:var(--font-display);font-weight:600;font-size:24px;letter-spacing:-.02em;color:var(--text-heading)}.timeline-date{font-family:var(--font-mono);font-size:13px;color:var(--text-muted);white-space:nowrap}.timeline-date-current{color:var(--accent-2)}.timeline-company{font-size:15px;color:var(--text-muted)}.timeline-content ul{margin:4px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:16px;line-height:1.6;color:var(--text-body)}.projects{display:flex;flex-direction:column;gap:28px;padding:96px 0 0}.bento{display:grid;grid-template-columns:1fr;gap:18px}@media(min-width:900px){.bento{grid-template-columns:repeat(3,minmax(0,1fr))}}.bento-card{border-radius:20px;background:var(--card);border:1px solid var(--border);padding:28px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.bento-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px -24px #020617b3;border-color:#60a5fa73}.bento-featured{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:20px;padding:36px}@media(min-width:900px){.bento-featured{grid-column:span 2;grid-row:span 2}}.bento-featured-accent{position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-1),var(--accent-2))}.bento-featured-top{display:flex;align-items:center;justify-content:space-between}.mono-tag{font-family:var(--font-mono);font-size:13px}.mono-tag.muted{color:var(--text-muted)}.featured-title{font-family:var(--font-display);font-weight:800;font-size:clamp(30px,4vw,44px);line-height:1;letter-spacing:-.03em;color:var(--text-heading)}.featured-description{font-size:17px;line-height:1.65;color:var(--text-body);max-width:620px}.pipeline{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:18px;border-radius:14px;background:var(--bg);border:1px solid var(--border);font-family:var(--font-mono);font-size:13px;color:var(--text-body)}.pipeline-step{display:flex;align-items:center;gap:4px}.pipeline-node{padding:8px 12px;border-radius:8px;border:1px solid var(--border);white-space:nowrap}.pipeline-node-accent{border-color:var(--accent-1);color:var(--text-heading)}.pipeline-connector{position:relative;width:32px;height:1px;background:var(--accent-1);margin:0 4px;overflow:visible}.pipeline-dot{position:absolute;top:50%;left:0;width:5px;height:5px;border-radius:50%;background:var(--accent-2);transform:translateY(-50%);animation:pipeline-travel 2.4s linear infinite}@keyframes pipeline-travel{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}.featured-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.featured-stat{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:12px;border:1px solid var(--border)}.featured-stat-value{font-family:var(--font-display);font-weight:800;font-size:30px;letter-spacing:-.02em;color:var(--text-heading)}.featured-stat-value.muted{color:var(--text-muted);font-size:20px}.featured-stat-label{font-size:13px;color:var(--text-muted)}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.tag{padding:6px 12px;border-radius:999px;background:#60a5fa1f;color:#93c5fd;font-family:var(--font-mono);font-size:12px}.bento-award{display:flex;flex-direction:column;justify-content:space-between;gap:18px;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:var(--bg)}.bento-award .mono-tag{color:var(--bg);opacity:.75}.award-title{font-family:var(--font-display);font-weight:800;font-size:26px;line-height:1.05;letter-spacing:-.02em;margin-top:4px}.award-event{display:block;margin-top:6px;font-size:14px;font-weight:500}.bento-credential{display:flex;flex-direction:column;justify-content:space-between;gap:18px}.badge{align-self:flex-start;padding:6px 10px;border-radius:6px;font-family:var(--font-mono);font-size:12px}.badge-cyan{background:#06b6d424;color:#22d3ee}.badge-blue{background:#60a5fa24;color:#93c5fd}.credential-title{font-family:var(--font-display);font-weight:600;font-size:20px;line-height:1.2;letter-spacing:-.015em;color:var(--text-heading)}.credential-status{display:block;margin-top:6px;font-size:13px;color:var(--text-muted)}.contact{display:grid;grid-template-columns:1fr;gap:40px;margin:96px 0 0;padding:40px 24px;border-radius:24px;background:var(--card);border:1px solid var(--border)}@media(min-width:900px){.contact{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:56px}}.contact-pitch{display:flex;flex-direction:column;gap:20px}.contact-pitch p{font-size:17px;line-height:1.65;color:var(--text-body);max-width:440px}.contact-linkedin{align-self:flex-start;margin-top:auto}.contact-form{display:flex;flex-direction:column;gap:16px}.contact-form-row{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:560px){.contact-form-row{grid-template-columns:1fr 1fr}}.contact-form label{display:flex;flex-direction:column;gap:8px;font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.contact-form input,.contact-form textarea{padding:0 16px;height:50px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text-heading);font-family:var(--font-body);font-size:15px;transition:outline-color .15s ease,border-color .15s ease}.contact-form textarea{height:150px;padding:14px 16px;resize:none}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--accent-1);outline-offset:1px;border-color:transparent}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#64748b}.contact-submit{width:100%;border:none;height:54px}.footer{display:flex;flex-direction:column;gap:6px;align-items:flex-start;justify-content:space-between;padding:40px 0 56px;margin-top:32px;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:13px;color:var(--text-muted)}@media(min-width:640px){.footer{flex-direction:row;align-items:center}}.pay-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at 50% 30%,#2b2b2e,#0a0a0b 70%);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.pay-card{width:100%;max-width:380px;background:#1c1c1e;color:#fff;border-radius:28px;padding:34px 28px 28px;text-align:center;box-shadow:0 30px 80px #0009}.pay-applebar{display:flex;align-items:center;justify-content:center;gap:6px;font-size:22px;font-weight:600;letter-spacing:.3px;margin-bottom:22px}.pay-applelogo{width:20px;height:20px;color:#fff;position:relative;top:-1px}.pay-merchant{font-size:15px;color:#a1a1a6;margin-bottom:6px}.pay-amount{font-size:46px;font-weight:700;letter-spacing:-1px;margin-bottom:26px}.pay-amount--success{margin:6px 0 4px}.pay-hint{font-size:13px;color:#8e8e93;margin-top:6px}.pay-detect{font-size:17px;font-weight:600;color:#fff;margin-bottom:24px}.pay-spinner{width:44px;height:44px;margin:0 auto 24px;border:4px solid rgba(255,255,255,.18);border-top-color:#0a84ff;border-radius:50%;animation:pay-spin .8s linear infinite}@keyframes pay-spin{to{transform:rotate(360deg)}}.pay-confirm{width:100%;border:none;border-radius:14px;padding:15px;font-size:17px;font-weight:600;color:#fff;background:#0a84ff;cursor:pointer;transition:filter .15s ease,transform .1s ease}.pay-confirm:hover{filter:brightness(1.08)}.pay-confirm:active{transform:scale(.98)}.pay-confirm--ghost{background:#2c2c2e;margin-top:22px}.pay-card--success{padding-top:40px}.pay-check{width:88px;height:88px;margin:0 auto 18px;border-radius:50%;background:#34c759;display:flex;align-items:center;justify-content:center}.pay-check svg{width:56px;height:56px}.pay-done-title{font-size:20px;font-weight:600;margin-bottom:4px}.pay-disclaimer{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.3px;color:#6e6e73}@media(max-width:420px){.pay-amount{font-size:40px}}
