:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#030712;--panel:#0f172ac7;--panel-strong:#0f172af0;--text:#e5e7eb;--muted:#94a3b8;--line:#94a3b833;--blue:#60a5fa;--cyan:#22d3ee}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 20% 10%, #2563eb3d, transparent 28rem), radial-gradient(circle at 90% 10%, #22d3ee29, transparent 24rem), var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative}body:before{z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(#94a3b809 1px,#0000 1px),linear-gradient(90deg,#94a3b809 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}a{color:inherit;text-decoration:none}.shell{width:min(1080px,100% - 40px);margin:0 auto}.nav{justify-content:space-between;align-items:center;padding:28px 0;display:flex}.brand{align-items:center;gap:12px;font-weight:700;display:flex}.mark{color:#fff;background:linear-gradient(135deg,#2563ebe6,#22d3ee99);border:1px solid #60a5fa73;border-radius:14px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 18px 60px #2563eb4d}.nav-links{color:var(--muted);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172a8c;border:1px solid #94a3b829;border-radius:999px;align-items:center;gap:18px;padding:10px 14px;font-size:.95rem;display:flex}.nav-links a:hover,.active{color:#fff}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:52px;padding:58px 0 76px;display:grid}.eyebrow{color:#bfdbfe;letter-spacing:.14em;text-transform:uppercase;background:#0f172ab8;border:1px solid #60a5fa59;border-radius:999px;padding:7px 12px;font-size:.78rem;font-weight:700;display:inline-flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.08em;max-width:760px;margin-bottom:14px;font-size:clamp(3rem,7vw,6.5rem);line-height:.94}.prompt{color:var(--blue);align-items:center;gap:10px;margin:22px 0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;display:flex}.cursor{background:var(--cyan);width:9px;height:18px;box-shadow:0 0 24px #22d3eeb3}.lede{max-width:660px;color:var(--muted);font-size:1.12rem;line-height:1.8}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.button{border:1px solid var(--line);color:#fff;background:#0f172acc;border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:700;display:inline-flex}.button.primary{background:linear-gradient(135deg,#2563eb,#0891b2);border-color:#0000;box-shadow:0 18px 50px #2563eb40}.cred-strip{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px;display:grid}.cred-strip div{border:1px solid var(--line);background:#0f172a94;border-radius:18px;padding:16px}.cred-strip strong,.cred-strip span{display:block}.cred-strip strong{color:#fff;margin-bottom:6px;font-size:1.05rem}.cred-strip span{color:var(--muted);font-size:.88rem;line-height:1.5}.portrait-card{background:linear-gradient(145deg,#0f172af5,#1e293b9e);border:1px solid #60a5fa42;border-radius:36px;justify-self:end;max-width:430px;padding:12px;position:relative;box-shadow:0 30px 90px #0000006b}.portrait-card:before{z-index:-1;content:"";background:linear-gradient(135deg,#2563eb52,#22d3ee1f);border-radius:48px;position:absolute;inset:-18px;transform:rotate(-4deg)}.portrait-card img{aspect-ratio:1;object-fit:cover;border-radius:28px;width:100%;display:block}.availability{color:#dbeafe;background:#020617db;border:1px solid #94a3b83d;border-radius:999px;align-items:center;gap:10px;max-width:240px;padding:12px 14px;font-size:.82rem;font-weight:700;line-height:1.35;display:inline-flex;position:absolute;bottom:24px;right:24px;box-shadow:0 20px 60px #0000005c}.availability span{background:#22c55e;border-radius:999px;flex:none;width:9px;height:9px;box-shadow:0 0 20px #22c55ee6}.section{border-top:1px solid var(--line);padding:68px 0}.section.compact{padding:44px 0}.section h2{letter-spacing:-.05em;margin-bottom:28px;font-size:clamp(2rem,4vw,3.7rem)}.section-heading{grid-template-columns:.75fr 1.25fr;align-items:start;gap:28px;margin-bottom:24px;display:grid}.section-heading h2{margin-bottom:0;font-size:clamp(2rem,4vw,4.4rem);line-height:1}.skill-strip{flex-wrap:wrap;gap:12px;display:flex}.skill-strip span{color:#cbd5e1;background:#0f172ab3;border:1px solid #60a5fa38;border-radius:999px;padding:12px 15px;font-weight:700}.stack-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.stack-card{background:linear-gradient(145deg,#0f172adb,#0f172a80);border:1px solid #60a5fa33;border-radius:22px;padding:22px}.stack-card h3{margin-bottom:10px}.stack-card p{color:var(--muted);margin-bottom:0;line-height:1.7}.grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.card,.timeline-item{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;padding:24px;transition:border-color .18s,transform .18s,background .18s}.card:hover,.timeline-item:hover{background:#0f172aeb;border-color:#60a5fa61;transform:translateY(-3px)}.card h3,.timeline-item h3{margin-bottom:8px}.text-link{color:#bfdbfe;margin-top:8px;font-weight:800;display:inline-flex}.text-link:after{content:"->";margin-left:8px}.meta,.tagline{color:var(--blue);font-size:.88rem;font-weight:700}.muted,.card p,.timeline-item p{color:var(--muted);line-height:1.7}.timeline{gap:16px;display:grid}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:18px;padding:36px 0;display:flex}.contact-panel{background:radial-gradient(circle at 100% 0,#2563eb42,#0000 22rem),#0f172ac7;border:1px solid #60a5fa3d;border-radius:32px;grid-template-columns:1.2fr .8fr;align-items:center;gap:28px;padding:clamp(28px,5vw,48px);display:grid;box-shadow:0 30px 90px #00000047}.contact-panel h2{margin:14px 0}.contact-panel p{max-width:640px;color:var(--muted);margin-bottom:0;font-size:1.08rem;line-height:1.75}.contact-actions{flex-direction:column;gap:12px;display:flex}.resume-frame{border:1px solid var(--line);background:var(--panel-strong);border-radius:24px;width:100%;min-height:76vh}@media (width<=820px){.nav,.footer{flex-direction:column;align-items:flex-start}.nav-links{border-radius:22px;flex-wrap:wrap}.hero,.grid,.cred-strip,.stack-grid,.contact-panel,.section-heading{grid-template-columns:1fr}.hero{padding-top:30px}.portrait-card{justify-self:stretch;max-width:none}}