:root {
  --bg: #050a0f;
  --accent: #fb7b4c;
  --accent2: #ff4d6d;
  --accent3: #ffd166;
  --text: #e8f4f8;
  --muted: #6a7a8a;
  --border: rgba(251,123,76,0.15);
}
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { background: var(--bg); color: var(--text); font-family: 'DM Mono', monospace; overflow-x: hidden; cursor: none; min-height: 100vh; }
.cursor { position: fixed; width: 12px; height: 12px; background: var(--accent); border-radius: 50%; pointer-events: none; z-index: 9999; transform: translate(-50%,-50%); transition: width .2s,height .2s; }
.cursor-ring { position: fixed; width: 36px; height: 36px; border: 1px solid rgba(251,123,76,.45); border-radius: 50%; pointer-events: none; z-index: 9998; transform: translate(-50%,-50%); transition: width .3s,height .3s; }
body::before { content:''; position:fixed; inset:0; background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px); pointer-events:none; z-index:100; }
.bg-grid { position:fixed; inset:0; background-image:linear-gradient(rgba(251,123,76,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(251,123,76,.03) 1px,transparent 1px); background-size:60px 60px; animation:grid-shift 25s linear infinite; pointer-events:none; z-index:0; }
@keyframes grid-shift { 0%{background-position:0 0} 100%{background-position:60px 60px} }
.orb1 { position:fixed; width:500px; height:500px; border-radius:50%; background:radial-gradient(circle,rgba(251,123,76,.06) 0%,transparent 70%); top:20%; right:-100px; pointer-events:none; z-index:0; animation:float 8s ease-in-out infinite; }
.orb2 { position:fixed; width:400px; height:400px; border-radius:50%; background:radial-gradient(circle,rgba(255,77,109,.04) 0%,transparent 70%); bottom:10%; left:-80px; pointer-events:none; z-index:0; animation:float 10s ease-in-out infinite reverse; }
@keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-30px)} }
nav { position:fixed; top:0; left:0; right:0; z-index:50; padding:1.4rem 4rem; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--border); background:rgba(5,10,15,.88); backdrop-filter:blur(20px); }
.nav-logo { font-family:'Syne',sans-serif; font-weight:800; font-size:1rem; color:var(--accent); letter-spacing:.05em; text-decoration:none; }
.nav-logo span { color:var(--accent2); }
.nav-right { display:flex; align-items:center; gap:1.8rem; }
.nav-socials { display:flex; gap:1rem; align-items:center; }
.nav-socials a { color:var(--muted); transition:color .2s; display:flex; align-items:center; }
.nav-socials a:hover { color:var(--accent); }
.nav-blog { font-size:.68rem; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); text-decoration:none; border:1px solid var(--border); padding:.35rem .8rem; transition:all .2s; }
.nav-blog:hover { color:var(--accent); border-color:rgba(251,123,76,.4); }
.nav-status { display:flex; align-items:center; gap:.5rem; font-size:.68rem; color:var(--accent3); letter-spacing:.1em; }
.status-dot { width:6px; height:6px; background:var(--accent3); border-radius:50%; animation:pulse-dot 2s infinite; }
@keyframes pulse-dot { 0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(255,209,102,.5)} 50%{opacity:.7;box-shadow:0 0 0 6px rgba(255,209,102,0)} }
.hero { position:relative; z-index:1; min-height:100vh; display:flex; flex-direction:column; justify-content:center; padding:10rem 4rem 6rem; max-width:880px; }
.hero-label { display:inline-flex; align-items:center; gap:.6rem; font-size:.68rem; letter-spacing:.2em; text-transform:uppercase; color:var(--accent); border:1px solid var(--border); padding:.4rem 1rem; margin-bottom:2.5rem; position:relative; overflow:hidden; width:fit-content; }
.hero-label::before { content:''; position:absolute; left:-100%; top:0; bottom:0; width:100%; background:linear-gradient(90deg,transparent,rgba(251,123,76,.12),transparent); animation:shimmer 3s infinite; }
@keyframes shimmer { 0%{left:-100%} 100%{left:100%} }
.waveform { display:flex; align-items:center; gap:3px; height:18px; }
.wave-bar { width:3px; background:var(--accent); border-radius:2px; animation:wave 1.2s ease-in-out infinite; }
.wave-bar:nth-child(1){animation-delay:0s}.wave-bar:nth-child(2){animation-delay:.1s}.wave-bar:nth-child(3){animation-delay:.2s}.wave-bar:nth-child(4){animation-delay:.3s}.wave-bar:nth-child(5){animation-delay:.4s}.wave-bar:nth-child(6){animation-delay:.3s}.wave-bar:nth-child(7){animation-delay:.2s}.wave-bar:nth-child(8){animation-delay:.1s}
@keyframes wave { 0%,100%{height:3px} 50%{height:14px} }
.hero-name { font-family:'Syne',sans-serif; font-weight:800; font-size:clamp(3rem,7vw,5.5rem); line-height:1; letter-spacing:-.03em; margin-bottom:.4rem; color:var(--text); }
.hero-name .semi { color:var(--accent); }
.hero-title { font-family:'Syne',sans-serif; font-size:clamp(.95rem,2vw,1.3rem); font-weight:400; color:var(--muted); margin-bottom:3rem; letter-spacing:.02em; }
.bio-list { list-style:none; display:flex; flex-direction:column; gap:.85rem; margin-bottom:2.5rem; }
.bio-list li { font-size:.83rem; line-height:1.65; color:var(--muted); padding-left:1.5rem; position:relative; transition:color .2s; }
.bio-list li::before { content:'-'; position:absolute; left:0; color:var(--accent); }
.bio-list li:hover { color:var(--text); }
.bio-list li strong { color:var(--text); font-weight:500; }
.hero-tagline { font-size:.78rem; letter-spacing:.1em; color:var(--accent2); border-top:1px solid var(--border); padding-top:1.5rem; margin-bottom:2.5rem; }
.social-row { display:flex; gap:1rem; flex-wrap:wrap; }
.social-btn { display:inline-flex; align-items:center; gap:.55rem; padding:.6rem 1.4rem; font-family:'DM Mono',monospace; font-size:.7rem; letter-spacing:.12em; text-transform:uppercase; text-decoration:none; border:1px solid var(--border); color:var(--text); background:transparent; transition:all .2s; }
.social-btn:hover { border-color:var(--accent); color:var(--accent); transform:translateY(-2px); }
.social-btn.blog { border-color:rgba(255,77,109,.25); color:var(--accent2); }
.social-btn.blog:hover { border-color:var(--accent2); color:var(--accent2); transform:translateY(-2px); }
.timeline-section { position:relative; z-index:1; padding:0 4rem 8rem; max-width:880px; }
.section-label { font-size:.68rem; letter-spacing:.25em; text-transform:uppercase; color:var(--accent); margin-bottom:.75rem; display:flex; align-items:center; gap:1rem; }
.section-label::after { content:''; flex:1; max-width:60px; height:1px; background:var(--accent); opacity:.4; }
.section-title { font-family:'Syne',sans-serif; font-size:clamp(1.4rem,2.5vw,2rem); font-weight:700; margin-bottom:3rem; }
.company-block { margin-bottom:3rem; }
.company-header { display:flex; align-items:center; gap:1rem; margin-bottom:1.8rem; padding-bottom:1rem; border-bottom:1px solid var(--border); }
.company-name { font-family:'Syne',sans-serif; font-size:1.05rem; font-weight:700; color:var(--text); }
.company-meta { font-size:.68rem; color:var(--muted); letter-spacing:.08em; margin-top:.2rem; }
.company-dot { width:10px; height:10px; background:var(--accent); border-radius:50%; box-shadow:0 0 12px var(--accent); flex-shrink:0; }
.timeline { position:relative; padding-left:1.5rem; }
.timeline::before { content:''; position:absolute; left:0; top:0; bottom:0; width:1px; background:linear-gradient(to bottom,rgba(251,123,76,.5),rgba(251,123,76,.08)); }
.timeline-item { position:relative; padding:0 0 2.5rem 2.5rem; }
.timeline-item:last-child { padding-bottom:0; }
.timeline-item::before { content:''; position:absolute; left:-4px; top:8px; width:7px; height:7px; background:var(--accent); border-radius:50%; box-shadow:0 0 8px var(--accent); }
.timeline-meta { display:flex; align-items:center; gap:1rem; margin-bottom:.4rem; flex-wrap:wrap; }
.timeline-period { font-size:.65rem; letter-spacing:.12em; text-transform:uppercase; color:var(--accent); }
.timeline-location { font-size:.65rem; color:var(--muted); letter-spacing:.05em; }
.timeline-role { font-family:'Syne',sans-serif; font-size:1rem; font-weight:600; margin-bottom:.75rem; color:var(--text); }
.tl-points { list-style:none; display:flex; flex-direction:column; gap:.5rem; margin-bottom:1rem; }
.tl-points li { font-size:.74rem; line-height:1.7; color:var(--muted); padding-left:1.2rem; position:relative; }
.tl-points li::before { content:'▸'; position:absolute; left:0; color:var(--accent); font-size:.6rem; top:.15rem; }
.timeline-tags { display:flex; flex-wrap:wrap; gap:.4rem; margin-top:.8rem; }
.tl-tag { font-size:.58rem; letter-spacing:.1em; padding:.2rem .55rem; border:1px solid var(--border); color:var(--accent); background:rgba(251,123,76,.05); }
.fade-up { opacity:0; transform:translateY(24px); transition:opacity .65s ease,transform .65s ease; }
.fade-up.visible { opacity:1; transform:translateY(0); }
@media(max-width:700px){nav{padding:1.2rem 1.5rem}.nav-blog{display:none}.hero{padding:8rem 1.5rem 4rem}.timeline-section{padding:0 1.5rem 5rem}}