*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#07070a;--surface:#0d0d12;--surface-2:#12121a;--border:#1a1a24;--border-hover:#2a2a3a;--text:#f0f0f2;--text-secondary:#a0a0a8;--text-muted:#6a6a72;--accent:#6366f1;--accent-light:#818cf8;--accent-glow:#6366f114;--gradient-start:#6366f1;--gradient-end:#a855f7}html{scroll-behavior:smooth;overflow-y:scroll}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.7;overflow-x:hidden}.noise{pointer-events:none;opacity:.025;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.bg-glow{pointer-events:none;filter:blur(120px);z-index:0;border-radius:50%;position:fixed}.bg-glow-1{background:radial-gradient(circle,#6366f112 0%,#0000 70%);width:700px;height:700px;top:-100px;right:-200px}.bg-glow-2{background:radial-gradient(circle,#a855f70d 0%,#0000 70%);width:500px;height:500px;bottom:10%;left:-150px}.glow-orb{pointer-events:none;z-index:0;opacity:1;background:radial-gradient(circle,#6366f10f 0%,#0000 60%);border-radius:50%;width:500px;height:500px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:fixed}.container{z-index:1;max-width:720px;margin:0 auto;padding:0 24px;position:relative}nav{gap:24px;padding:40px 0 0;display:flex}nav a{letter-spacing:.01em;color:var(--text-muted);border-bottom:1px solid #0000;padding:8px 0;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}nav a:hover{color:var(--text)}nav a.nav-active{color:var(--text);border-bottom-color:var(--accent)}header{padding:80px 0 0;animation:.7s cubic-bezier(.16,1,.3,1) fadeUp}.header-row{align-items:center;gap:24px;display:flex}.avatar{object-fit:cover;background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));border-radius:50%;flex-shrink:0;width:110px;height:110px;padding:3px}.header-eyebrow{color:var(--text-muted);letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:20px;font-family:JetBrains Mono,monospace;font-size:12px;display:inline-flex}.pulse-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2.5s ease-in-out infinite pulse}h1{letter-spacing:-.04em;margin-bottom:16px;font-size:clamp(2.5rem,5vw,3.2rem);font-weight:700;line-height:1.1}h1 .gradient{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));-webkit-text-fill-color:transparent;background-clip:text}.role-line{color:var(--text-secondary);font-size:1.1rem;font-weight:400}.role-line a{color:var(--accent-light);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .2s}.role-line a:hover{border-bottom-color:var(--accent-light)}.intro{padding:56px 0 0;animation:.7s cubic-bezier(.16,1,.3,1) .1s both fadeUp}.intro p{color:var(--text-secondary);max-width:600px;margin-bottom:24px;font-size:1.05rem;line-height:1.9}.intro p:last-child{margin-bottom:0}.intro p:first-child{color:var(--text);font-size:1.15rem;font-weight:400}.intro strong{color:var(--text);font-weight:500}.intro a{color:var(--accent-light);border-bottom:1px solid #818cf84d;text-decoration:none;transition:border-color .2s}.intro a:hover{border-bottom-color:var(--accent-light)}.connect{padding:48px 0 0;animation:.7s cubic-bezier(.16,1,.3,1) .3s both fadeUp}.links{gap:16px;display:flex}.links a{width:40px;height:40px;color:var(--text-muted);background:0 0;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.links a:hover{color:var(--text);transform:translateY(-2px)}.links a svg{width:20px;height:20px}footer{text-align:center;color:var(--text-muted);padding:80px 0 40px;font-family:JetBrains Mono,monospace;font-size:13px}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}@media (width<=600px){header{padding:60px 0 0}.highlight-grid{grid-template-columns:1fr}.intro-card{padding:24px}}
