:root{--bg-primary: #0a0a0b;--bg-secondary: #111113;--bg-card: #161618;--bg-card-hover: #1c1c1f;--border: #2a2a2d;--border-hover: #3a3a3d;--text-primary: #fafafa;--text-secondary: #a1a1a6;--text-muted: #6b6b70;--accent: #00d4aa;--accent-dim: #00b894;--accent-glow: rgba(0, 212, 170, .15);--gradient-start: #00d4aa;--gradient-end: #00a8cc}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}.app{min-height:100vh;position:relative;background:radial-gradient(ellipse at 50% 0,var(--accent-glow) 0%,transparent 50%) top center / 100% 100svh no-repeat}.grain{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.03;z-index:1000;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.accent-text{color:var(--accent);font-weight:inherit}.brand-img{display:block;border-radius:10px;object-fit:cover;background:var(--bg-card)}.hero{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:4rem 2rem 5rem;position:relative}.hero-content{max-width:780px;text-align:center;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:50px;font-size:.85rem;color:var(--text-secondary);margin-bottom:2rem}.status-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 0 0 var(--accent)}50%{opacity:.7;box-shadow:0 0 0 8px transparent}}.name{font-size:clamp(3rem,8vw,5.25rem);font-weight:700;letter-spacing:-.035em;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.4rem;line-height:1}.title{font-size:1.2rem;color:var(--text-secondary);margin-bottom:.6rem}.title .company{color:var(--accent);font-weight:500;text-decoration:none;transition:opacity .2s ease}.title .company:hover{opacity:.8;text-decoration:underline}.tagline{font-size:1rem;color:var(--text-muted);margin-bottom:1.75rem;font-family:JetBrains Mono,monospace;max-width:42ch;margin-left:auto;margin-right:auto;line-height:1.5}.hero-skills{display:flex;gap:.45rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.skill-tag{padding:.35rem .8rem;background:var(--accent-glow);border:1px solid rgba(0,212,170,.4);border-radius:6px;font-size:.8rem;color:var(--accent);font-family:JetBrains Mono,monospace;letter-spacing:-.01em;transition:all .2s ease}.skill-tag:hover{background:#00d4aa38;border-color:var(--accent)}.links{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.link-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.15rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);text-decoration:none;font-size:.88rem;transition:all .2s ease}.link-btn:hover{background:var(--bg-card-hover);border-color:var(--accent);color:var(--text-primary);transform:translateY(-2px)}.link-btn svg{width:17px;height:17px}.scroll-hint{display:flex;position:absolute;bottom:1.5rem;left:0;right:0;justify-content:center;color:var(--accent-dim);animation:scrollBounce 2s ease-in-out infinite;transition:opacity .4s ease;opacity:.7}.scroll-hint--hidden{opacity:0;pointer-events:none}.scroll-hint svg{width:28px;height:28px}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.main{max-width:960px;margin:0 auto;padding:0 2rem 4rem}.section{padding:5rem 0 4rem;position:relative;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.section-eyebrow{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.eyebrow-line{width:40px;height:1px;background:linear-gradient(90deg,var(--accent) 0%,transparent 100%)}.eyebrow-text{font-family:JetBrains Mono,monospace;font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);font-weight:500}.section-headline{font-size:clamp(1.6rem,4vw,2.35rem);font-weight:600;letter-spacing:-.02em;line-height:1.15;color:var(--text-primary);margin-bottom:2.75rem;max-width:30ch}.section--featured{padding-top:3.5rem}.achievements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.achievement-card{position:relative;display:flex;flex-direction:column;gap:.75rem;padding:1.75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;color:inherit;text-decoration:none;overflow:hidden;transition:border-color .3s ease,background .3s ease,transform .3s ease,box-shadow .3s ease}.achievement-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top right,var(--brand-color, var(--accent)) 0%,transparent 55%);opacity:0;transition:opacity .35s ease;pointer-events:none;mix-blend-mode:overlay}.achievement-card:hover{border-color:var(--brand-color, var(--accent));background:var(--bg-card-hover);transform:translateY(-3px);box-shadow:0 12px 40px -20px var(--brand-color, var(--accent))}.achievement-card:hover:before{opacity:.18}.achievement-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.achievement-logo{display:flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden;flex-shrink:0}.achievement-period{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--text-muted);letter-spacing:.02em}.achievement-metric{font-family:JetBrains Mono,monospace;font-size:clamp(2.5rem,6vw,3.25rem);font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--brand-color, var(--accent));margin-top:.25rem}.achievement-title{font-size:1.05rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.achievement-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.55}.achievement-arrow{position:absolute;top:1.25rem;right:1.35rem;color:var(--text-muted);font-size:1.05rem;transition:all .25s ease;opacity:0}.achievement-card:hover .achievement-arrow{color:var(--brand-color, var(--accent));opacity:1;transform:translate(2px,-2px)}.timeline-wave{list-style:none;padding:0;position:relative}.tw-item{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;column-gap:2rem;row-gap:0;position:relative;padding:1rem 0 1.25rem;--brand-color: var(--accent);--event-color: var(--accent)}.tw-connector{grid-column:1 / -1;grid-row:1;width:100%;height:90px;display:block;margin-bottom:.25rem;overflow:visible}.tw-connector-line{stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;opacity:.7}.tw-connector-glow{stroke:var(--accent);stroke-width:6;stroke-linecap:round;opacity:.12}.tw-item:first-child .tw-connector{display:none}.tw-item.tw-card-right .tw-card{grid-column:2;grid-row:2}.tw-item.tw-card-right .tw-meta{grid-column:1;grid-row:2;justify-self:end;text-align:right}.tw-item.tw-card-left .tw-card{grid-column:1;grid-row:2}.tw-item.tw-card-left .tw-meta{grid-column:2;grid-row:2;justify-self:start;text-align:left}.tw-meta{display:flex;flex-direction:column;gap:.85rem;font-family:JetBrains Mono,monospace;padding-top:1.5rem;max-width:280px}.tw-date{font-size:1.3rem;color:var(--text-primary);font-weight:600;letter-spacing:-.02em;line-height:1.1}.tw-type{align-self:flex-start;padding:.32rem .85rem;border-radius:6px;font-size:.78rem;letter-spacing:.12em;font-weight:600;color:var(--event-color);background:color-mix(in srgb,var(--event-color) 14%,transparent);border:1px solid color-mix(in srgb,var(--event-color) 38%,transparent)}.tw-item.tw-card-left .tw-type{align-self:flex-start}.tw-item.tw-card-right .tw-type{align-self:flex-end}.tw-role{font-size:.92rem;color:var(--text-secondary);letter-spacing:.01em}.tw-brand-name{font-size:.98rem;color:var(--brand-color);font-weight:600;letter-spacing:-.005em}.tw-affiliated{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .6rem .35rem .45rem;background:color-mix(in srgb,var(--affiliated-color, var(--text-muted)) 8%,transparent);border:1px solid color-mix(in srgb,var(--affiliated-color, var(--text-muted)) 28%,transparent);border-radius:999px;font-family:JetBrains Mono,monospace;font-size:.72rem;letter-spacing:.02em;margin-top:.25rem;align-self:flex-start;white-space:nowrap}.tw-item.tw-card-left .tw-affiliated{align-self:flex-start}.tw-item.tw-card-right .tw-affiliated{align-self:flex-end}.tw-affiliated-label{color:var(--text-muted);font-weight:400}.tw-affiliated-logo{display:inline-flex;width:18px;height:18px;border-radius:4px;overflow:hidden;flex-shrink:0}.tw-affiliated-logo img,.tw-affiliated-logo svg{width:100%;height:100%;border-radius:4px;display:block;object-fit:cover}.tw-affiliated-name{color:var(--affiliated-color, var(--text-secondary));font-weight:600}.tw-card{position:relative;padding:1.25rem 1.35rem 1.35rem;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease;overflow:hidden}a.tw-card{cursor:pointer;text-decoration:none;color:inherit;display:block}.tw-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--brand-color),transparent);opacity:0;transition:opacity .3s ease}.tw-card:hover{border-color:var(--brand-color);transform:translateY(-2px);box-shadow:0 12px 32px -18px var(--brand-color)}.tw-card:hover:before{opacity:1}.tw-card-head{display:flex;align-items:center;gap:.75rem;margin-bottom:.85rem}.tw-logo{flex-shrink:0;width:48px;height:48px;border-radius:12px;padding:3px;background:var(--bg-primary);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;position:relative;transition:border-color .3s ease}.tw-logo:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:14px;background:var(--brand-color);opacity:0;filter:blur(10px);transition:opacity .35s ease;z-index:-1}.tw-card:hover .tw-logo{border-color:var(--brand-color)}.tw-card:hover .tw-logo:after{opacity:.45}.tw-logo img,.tw-logo svg{width:100%;height:100%;border-radius:10px;display:block;object-fit:cover}.tw-card-head-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.tw-brand-tag{font-family:JetBrains Mono,monospace;font-size:.78rem;color:var(--brand-color);font-weight:500;letter-spacing:.01em}.tw-date-mobile{display:none;font-family:JetBrains Mono,monospace;font-size:.74rem;color:var(--text-muted)}.tw-title{font-size:1.14rem;font-weight:600;color:var(--text-primary);margin-bottom:.45rem;letter-spacing:-.015em;line-height:1.3}.tw-context{font-size:.94rem;color:var(--text-secondary);line-height:1.6;margin-bottom:.9rem}.tw-proof{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .85rem;background:transparent;border:1px solid var(--border);border-radius:6px;font-size:.78rem;font-family:JetBrains Mono,monospace;color:var(--text-secondary);text-decoration:none;transition:all .2s ease}.tw-proof:hover{border-color:var(--brand-color);color:var(--brand-color);background:color-mix(in srgb,var(--brand-color) 8%,transparent);transform:translate(2px)}.about-summary{color:var(--text-secondary);font-size:1.1rem;line-height:1.75;max-width:68ch}.repos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}.repo-card{display:flex;flex-direction:column;gap:.5rem;padding:1.1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;text-decoration:none;color:inherit;transition:all .2s ease}.repo-card:hover{border-color:var(--accent);background:var(--bg-card-hover);transform:translateY(-1px)}.repo-card-header{display:flex;align-items:center;gap:.6rem}.repo-icon{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.repo-slug{font-family:JetBrains Mono,monospace;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.repo-org{color:var(--text-muted)}.repo-name{color:var(--accent);font-weight:500}.repo-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.credentials-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:2.5rem}.credentials-heading{font-family:JetBrains Mono,monospace;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem;font-weight:500}.credentials-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.credentials-list li{padding-left:1.1rem;position:relative;color:var(--text-secondary);font-size:.95rem;line-height:1.55}.credentials-list li:before{content:"→";position:absolute;left:0;color:var(--accent);font-family:JetBrains Mono,monospace}.credentials-list strong{color:var(--text-primary);font-weight:600}.credentials-sub{font-family:JetBrains Mono,monospace;font-size:.82rem;color:var(--text-muted)}.footer{border-top:1px solid var(--border);padding:4rem 2rem 3rem;text-align:center;position:relative}.footer-cta{max-width:580px;margin:0 auto 2rem}.footer-headline{font-size:clamp(1.4rem,3.5vw,1.9rem);font-weight:600;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:1rem;line-height:1.25}.footer-email-link{display:inline-block;font-family:JetBrains Mono,monospace;font-size:1rem;color:var(--accent);text-decoration:none;padding:.6rem 1.5rem;border:1px solid var(--accent-dim);border-radius:8px;background:var(--accent-glow);transition:all .2s ease}.footer-email-link:hover{background:#00d4aa38;transform:translateY(-1px)}.footer-mini{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--text-muted);letter-spacing:.05em}@media (max-width: 820px){.achievements-grid,.repos-grid{grid-template-columns:1fr}.credentials-grid{grid-template-columns:1fr;gap:2rem}}@media (max-width: 768px){.hero{padding:3rem 1.5rem 4.5rem}.main{padding:0 1.25rem 3rem}.section{padding:3.5rem 0 3rem}.section-headline{font-size:1.6rem}.links{gap:.5rem}.link-btn{padding:.6rem .95rem;font-size:.82rem}.timeline-wave{padding-left:0}.tw-item,.tw-item.tw-card-left,.tw-item.tw-card-right{display:block;padding:.75rem 0 1.25rem;position:relative}.tw-item.tw-card-left .tw-card,.tw-item.tw-card-right .tw-card,.tw-item.tw-card-left .tw-meta,.tw-item.tw-card-right .tw-meta{grid-column:auto;grid-row:auto;justify-self:start;text-align:left;max-width:none}.tw-connector{position:absolute;top:-20px;left:23px;width:2px;height:40px;background:linear-gradient(to bottom,transparent,var(--border));margin:0;padding:0;display:none}.timeline-wave:before{content:"";position:absolute;top:2rem;bottom:2rem;left:calc(1.35rem + 20px);width:1px;background:linear-gradient(to bottom,transparent 0,var(--border) 8%,var(--border) 92%,transparent 100%);pointer-events:none}.tw-meta{flex-direction:column;align-items:flex-start;gap:.45rem;padding:0 0 .75rem calc(2.1rem + 20px)}.tw-meta .tw-brand-name{display:none}.tw-meta .tw-role{font-size:.8rem;line-height:1.35}.tw-item.tw-card-left .tw-type,.tw-item.tw-card-right .tw-type,.tw-item.tw-card-left .tw-affiliated,.tw-item.tw-card-right .tw-affiliated{align-self:flex-start}.tw-meta .tw-date{display:none}.tw-date-mobile{display:inline}.tw-affiliated{font-size:.7rem;margin-top:0}.tw-card-head{position:relative;padding-left:0;gap:.7rem}.tw-logo{position:static;width:40px;height:40px}.tw-card-head-text{gap:.2rem}.tw-title{font-size:1.02rem}.tw-context{font-size:.9rem}.achievement-card{padding:1.4rem}.achievement-metric{font-size:2.25rem}.footer{padding:3rem 1.5rem 2.5rem}}@media (max-width: 420px){.hero-skills{gap:.35rem}.skill-tag{font-size:.72rem;padding:.3rem .65rem}}@media (prefers-reduced-motion: no-preference){.section{opacity:0;animation:fadeInUp .6s ease-out forwards}.section:nth-child(1){animation-delay:.05s}.section:nth-child(2){animation-delay:.1s}.section:nth-child(3){animation-delay:.15s}.section:nth-child(4){animation-delay:.2s}.section:nth-child(5){animation-delay:.25s}}.lu-container{position:fixed;bottom:24px;right:24px;z-index:1001;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.lu-panel{width:360px;max-height:80vh;overflow-y:auto;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;opacity:0;transform:translateY(10px) scale(.95);transform-origin:bottom right;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 60px #00000080}.lu-panel--open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.lu-panel::-webkit-scrollbar{width:4px}.lu-panel::-webkit-scrollbar-track{background:transparent}.lu-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.lu-header{display:flex;align-items:center;gap:8px;padding:16px 20px;border-bottom:1px solid var(--border);transition:border-color .3s ease}.lu-panel:not(.lu-panel--open) .lu-header{border-bottom-color:transparent}.lu-panel:not(.lu-panel--open){cursor:pointer}.lu-header-icon{color:var(--accent);font-size:1rem}.lu-header-title{font-weight:600;font-size:.95rem;color:var(--text-primary)}.lu-cards{display:flex;flex-direction:column;gap:2px;max-height:0;overflow:hidden;opacity:0;padding:0 8px;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .25s ease,padding .35s ease}.lu-panel--open .lu-cards{max-height:600px;opacity:1;padding:8px}.lu-card{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:12px;text-decoration:none;color:inherit;transition:background .2s ease;cursor:pointer}.lu-card:hover{background:var(--bg-card-hover)}.lu-card:hover .lu-card-arrow{transform:translate(2px);color:var(--accent)}.lu-card-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px}.lu-card-icon svg{width:16px;height:16px}.lu-icon--github{background:#6e768126;color:#8b949e}.lu-icon--youtube{background:#ff00001a;color:#f44}.lu-icon--twitter{background:#1d9bf026;color:#1d9bf0}.lu-card-body{flex:1;min-width:0}.lu-card-label{font-size:.7rem;font-family:JetBrains Mono,monospace;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.lu-card-title{font-size:.85rem;font-weight:500;color:var(--text-primary);margin:2px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.lu-card-meta{font-size:.75rem;font-family:JetBrains Mono,monospace;color:var(--text-muted)}.lu-card-arrow{color:var(--text-muted);font-size:.9rem;align-self:center;flex-shrink:0;transition:transform .2s ease,color .2s ease}.lu-card--skeleton{padding:12px}.lu-skeleton-line{height:12px;background:var(--bg-card-hover);border-radius:6px;margin-bottom:8px;animation:shimmer 1.5s ease-in-out infinite}.lu-skeleton-line.short{width:60%;margin-bottom:0}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}@media (hover: hover){.lu-container:has(.lu-fab:hover) .lu-panel:not(.lu-panel--open),.lu-panel:not(.lu-panel--open):hover{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;border-color:#00d4aa40;box-shadow:0 8px 30px #0006,0 0 0 1px #00d4aa1a}}.lu-fab{width:52px;height:52px;border-radius:50%;border:1px solid var(--border);background:var(--bg-card);color:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000004d;position:relative;flex-shrink:0}.lu-fab:hover{background:var(--bg-card-hover);border-color:var(--accent);transform:scale(1.05);box-shadow:0 4px 24px #00d4aa33}.lu-fab--active{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.lu-fab--active:hover{background:var(--accent-dim);border-color:var(--accent-dim)}.lu-fab-icon{position:absolute;width:22px;height:22px;transition:all .3s cubic-bezier(.4,0,.2,1)}.lu-fab-icon--close{opacity:0;transform:rotate(-90deg) scale(.5)}.lu-fab-icon--sparkle,.lu-fab--active .lu-fab-icon--close{opacity:1;transform:rotate(0) scale(1)}.lu-fab--active .lu-fab-icon--sparkle{opacity:0;transform:rotate(90deg) scale(.5)}.lu-fab:not(.lu-fab--active):before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid var(--accent);animation:lu-pulse 2s ease-in-out infinite}@keyframes lu-pulse{0%{transform:scale(1);opacity:.5}to{transform:scale(1.5);opacity:0}}@media (max-width: 768px){.lu-container{bottom:16px;right:16px;left:16px}.lu-panel{width:100%}.lu-container:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:-1}.lu-container:has(.lu-panel--open):before{opacity:1}}