:root{--ink:#0b1220;--ink-soft:#131a2b;--paper:#fff;--text-body:#1f2937;--text-muted:#4b5563;--border:#e5e7eb;--gold:#f0b429;--gold-ink:#92650a;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace}body{color:var(--text-body);background:var(--paper);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}.nav{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b1220d9;border-bottom:1px solid #ffffff14;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;width:min(100%,1000px);margin:0 auto;padding:16px 24px;display:flex}.nav-brand{color:#f8fafc;font-weight:600;font-family:var(--mono);font-size:.95rem;text-decoration:none}.nav-brand:before{content:"<";color:var(--gold)}.nav-brand:after{content:" />";color:var(--gold)}.nav-links{gap:24px;display:flex}.nav-links a{color:#cbd5e1;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--gold)}@media (width<=600px){.nav-links{gap:16px}.nav-links a{font-size:.85rem}}.hero{background:var(--ink);position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(600px at 15% 20%,#f0b42924,#0000 60%),radial-gradient(500px at 85% 80%,#f0b42914,#0000 60%);position:absolute;inset:0}.hero:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.hero-inner{z-index:1;flex-direction:column;gap:16px;max-width:1000px;margin:0 auto;padding:140px 24px 110px;display:flex;position:relative}.hero h1{letter-spacing:-.05em;color:#f8fafc;max-width:800px;margin:0;font-size:clamp(3rem,8vw,5rem);font-weight:800;line-height:.95}.hero h2{font-family:var(--mono);color:#cbd5e1;margin:0;font-size:clamp(1.05rem,2.2vw,1.3rem);font-weight:500}.hero h2:before{content:"// ";color:var(--gold)}.hero h2:after{content:"_";color:var(--gold);animation:1s step-end infinite blink}@media (prefers-reduced-motion:reduce){.hero h2:after{animation:none}}@keyframes blink{50%{opacity:0}}.hero-inner>p{color:#cbd5e1;max-width:680px;margin:0;font-size:1.1rem;line-height:1.7}.hero-tech{font-weight:600;color:var(--gold)!important}.hero-links{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.hero-links a{color:#f1f5f9;border:1px solid #fff3;border-radius:8px;padding:10px 16px;font-weight:500;text-decoration:none;transition:background-color .2s,transform .2s;display:inline-block}.hero-links a:hover{background:#ffffff14;transform:translateY(-1px)}.hero-links .primary-link{background:var(--gold);border-color:var(--gold);color:var(--ink);font-weight:600}.hero-links .primary-link:hover{background:#dda320;border-color:#dda320}@media (width<=600px){.hero-inner{padding:96px 20px 64px}}.section{padding:100px 24px}.section-inner{width:min(100%,1000px);margin:0 auto}.section-heading{margin-bottom:48px}.section-label{color:var(--gold-ink);font-family:var(--mono);letter-spacing:.02em;margin:0 0 8px;font-size:.85rem;font-weight:600}.section-label:before{content:"~/";opacity:.65}.section-heading h2{color:#111827;letter-spacing:-.03em;margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.1}.experience-list{flex-direction:column;display:flex}.experience-item{border-top:1px solid var(--border);padding:32px 0}.experience-item:last-child{border-bottom:1px solid var(--border)}.experience-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.experience-header h3{color:#111827;margin:0 0 6px;font-size:1.25rem}.experience-company{color:var(--text-muted);margin:0;font-weight:500}.experience-period{color:#6b7280;font-family:var(--mono);flex-shrink:0;font-size:.85rem}.experience-description{max-width:750px;color:var(--text-muted);margin:20px 0 12px;line-height:1.7}.experience-tech{color:var(--gold-ink);font-family:var(--mono);margin:0;font-size:.85rem;font-weight:500}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.skills-group h3{color:#111827;margin:0 0 12px;font-size:1.05rem}.skills-tags{flex-wrap:wrap;gap:8px;display:flex}.skills-tags span{color:#374151;font-family:var(--mono);background:#f3f4f6;border-radius:4px;padding:6px 10px;font-size:.8rem;font-weight:500}@media (width<=600px){.skills-grid{grid-template-columns:1fr;gap:24px}}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.project-card{border:1px solid var(--border);background:var(--paper);border-radius:12px;transition:transform .2s,box-shadow .2s;overflow:hidden}.project-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #11182714}.project-image{aspect-ratio:16/9;object-fit:cover;background:#f3f4f6;width:100%}.project-image-placeholder{color:#9ca3af;justify-content:center;align-items:center;font-size:1.1rem;font-weight:600;display:flex}.project-content{padding:24px}.project-card-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.project-card h3{color:#111827;margin:0;font-size:1.35rem}.project-status{color:var(--gold-ink);font-family:var(--mono);background:#f0b42924;border-radius:999px;flex-shrink:0;padding:4px 8px;font-size:.72rem;font-weight:600}.project-content>p{color:var(--text-muted);margin:0 0 20px;line-height:1.65}.project-technologies{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.project-technologies span{color:#374151;font-family:var(--mono);background:#f3f4f6;border-radius:4px;padding:5px 9px;font-size:.78rem}.project-links{gap:16px;display:flex}.project-links a{color:var(--gold-ink);font-weight:600;text-decoration:none}.project-links a:hover{text-decoration:underline}.contact{padding-top:80px;padding-bottom:120px}.contact-intro{max-width:650px;color:var(--text-muted);margin:0 0 32px;font-size:1.1rem;line-height:1.7}.contact-links{flex-wrap:wrap;gap:12px;display:flex}.contact-links a{color:#111827;border:1px solid #d1d5db;border-radius:8px;padding:11px 16px;font-weight:500;text-decoration:none;transition:background-color .2s,border-color .2s,transform .2s;display:inline-block}.contact-links a:hover{background:#f3f4f6;border-color:#9ca3af;transform:translateY(-1px)}.contact-links .contact-primary{border-color:var(--gold);background:var(--gold);color:var(--ink)}.contact-links .contact-primary:hover{background:#dda320;border-color:#dda320}@media (width<=700px){.section{padding:72px 20px}.project-grid{grid-template-columns:1fr}.experience-header{flex-direction:column;gap:8px}.experience-period{order:-1}}