:root{--green-primary: #00c853;--green-dark: #00a040;--green-light: #69f0ae;--green-glow: rgba(0, 200, 83, .25);--bg-dark: #0a0f0a;--bg-card: #0f1a0f;--bg-card2: #141f14;--text-primary: #e8f5e9;--text-secondary: #a5d6a7;--text-muted: #558b5a;--border: rgba(0, 200, 83, .18);--shadow: 0 8px 32px rgba(0, 200, 83, .1);--bg-dark-light: #f0fdf4;--bg-card-light: #ffffff;--bg-card2-light: #f1faf2;--text-primary-light: #0f2d0f;--text-secondary-light: #1b5e20;--text-muted-light: #4caf50;--border-light: rgba(0, 150, 60, .2)}[data-theme=light]{--bg-dark: var(--bg-dark-light);--bg-card: var(--bg-card-light);--bg-card2: var(--bg-card2-light);--text-primary: var(--text-primary-light);--text-secondary: var(--text-secondary-light);--text-muted: var(--text-muted-light);--border: var(--border-light);--shadow: 0 8px 32px rgba(0, 150, 60, .12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Syne,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;min-height:100vh;overflow-x:hidden}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--green-primary);border-radius:3px}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:5rem 0}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.section-title span{color:var(--green-primary)}.section-subtitle{color:var(--text-muted);font-family:Space Mono,monospace;font-size:.875rem;margin-bottom:3rem;letter-spacing:.05em}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--green-primary)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:8px;font-weight:600;font-size:.95rem;transition:all .25s ease}.btn-primary{background:var(--green-primary);color:#000}.btn-primary:hover{background:var(--green-light);transform:translateY(-2px);box-shadow:0 4px 20px var(--green-glow)}.btn-outline{background:transparent;color:var(--green-primary);border:1px solid var(--green-primary)}.btn-outline:hover{background:var(--green-glow);transform:translateY(-2px)}.tag{display:inline-flex;align-items:center;padding:.3rem .8rem;border-radius:100px;font-size:.78rem;font-family:Space Mono,monospace;background:var(--green-glow);color:var(--green-light);border:1px solid rgba(0,200,83,.3)}.page-wrapper{padding-top:70px;min-height:100vh;animation:fadeUp .5s ease forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.4}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:70px;background:#0a0f0ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:background .3s ease}[data-theme=light] .navbar{background:#f0fdf4e6}.nav-inner{max-width:1200px;margin:0 auto;padding:0 2rem;height:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:1.3rem;font-weight:800;color:var(--green-primary);letter-spacing:-.02em;font-family:Space Mono,monospace}.logo-bracket{opacity:.6;font-weight:400}.nav-links{list-style:none;display:flex;gap:.25rem;align-items:center}.nav-links a{padding:.4rem .9rem;border-radius:6px;font-size:.9rem;font-weight:600;color:var(--text-secondary);transition:all .2s ease;letter-spacing:.01em}.nav-links a:hover,.nav-links a.active{color:var(--green-primary);background:var(--green-glow)}.nav-actions{display:flex;align-items:center;gap:.75rem}.bookmark-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:var(--text-secondary);transition:all .2s ease;background:transparent;border:1px solid var(--border)}.bookmark-btn:hover{color:var(--green-primary);border-color:var(--green-primary);background:var(--green-glow)}.badge{position:absolute;top:-6px;right:-6px;background:var(--green-primary);color:#000;font-size:.65rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Space Mono,monospace}.theme-btn{width:36px;height:36px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border);font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.theme-btn:hover{border-color:var(--green-primary);background:var(--green-glow)}@media (max-width: 768px){.nav-links{display:none}}.footer{border-top:1px solid var(--border);padding:2rem 0;margin-top:2rem}.footer-inner{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.4rem}.footer-logo{font-family:Space Mono,monospace;font-size:1.1rem;font-weight:700;color:var(--green-primary);margin-bottom:.25rem}.footer-inner p{font-size:.85rem;color:var(--text-muted)}.footer-inner strong{color:var(--green-primary)}.footer-copy{font-size:.78rem!important;opacity:.6}.home-page{display:flex;align-items:center;min-height:100vh}.home-page .container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding-top:2rem;padding-bottom:2rem}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:Space Mono,monospace;font-size:.8rem;color:var(--green-light);background:var(--green-glow);border:1px solid rgba(0,200,83,.3);padding:.35rem .9rem;border-radius:100px;margin-bottom:1.5rem;letter-spacing:.03em}.dot{width:7px;height:7px;background:var(--green-primary);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;color:var(--text-primary);margin-bottom:.75rem}.hero-title span{color:var(--green-primary);display:block}.hero-role{font-family:Space Mono,monospace;font-size:1rem;color:var(--text-muted);margin-bottom:1.25rem;letter-spacing:.02em}.hero-desc{color:var(--text-secondary);line-height:1.7;font-size:1.05rem;max-width:480px;margin-bottom:2rem}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2.5rem}.hero-stats{display:flex;align-items:center;gap:1.5rem}.stat{display:flex;flex-direction:column}.stat-num{font-size:1.75rem;font-weight:800;color:var(--green-primary);line-height:1}.stat-label{font-size:.78rem;color:var(--text-muted);font-family:Space Mono,monospace;margin-top:.2rem;letter-spacing:.04em}.stat-divider{width:1px;height:40px;background:var(--border)}.hero-visual{display:flex;justify-content:center}.code-card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 24px 64px #00c8531f;animation:floatUp 6s ease-in-out infinite}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.code-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-card2);border-bottom:1px solid var(--border)}.dot-red{width:12px;height:12px;background:#ff5f57;border-radius:50%}.dot-yellow{width:12px;height:12px;background:#febc2e;border-radius:50%}.dot-green{width:12px;height:12px;background:var(--green-primary);border-radius:50%}.code-filename{font-family:Space Mono,monospace;font-size:.78rem;color:var(--text-muted);margin-left:.5rem}.code-body{padding:1.5rem;overflow-x:auto}.code-body code{font-family:Space Mono,monospace;font-size:.83rem;line-height:1.8;color:var(--text-secondary);white-space:pre}@media (max-width: 900px){.home-page .container{grid-template-columns:1fr;gap:2.5rem;text-align:center}.hero-title span{display:inline}.hero-cta,.hero-stats{justify-content:center}.hero-desc{margin:0 auto 2rem}.hero-eyebrow{margin:0 auto 1.5rem}.hero-visual{display:none}}.about-grid{display:grid;grid-template-columns:280px 1fr;gap:3rem;align-items:start}.avatar-card{text-align:center;position:sticky;top:90px}.avatar{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,var(--green-dark),var(--green-light));display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:800;color:#000;margin:0 auto 1rem;font-family:Space Mono,monospace}.avatar-card h3{font-size:1.25rem;font-weight:700;margin-bottom:.25rem;color:var(--text-primary)}.avatar-role{font-family:Space Mono,monospace;font-size:.78rem;color:var(--text-muted);margin-bottom:1rem}.about-tags{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.about-bio{color:var(--text-secondary);line-height:1.8;font-size:1.05rem;margin-bottom:1.5rem}.timeline{margin-top:2rem}.timeline-title{font-size:1.1rem;font-weight:700;color:var(--green-primary);margin-bottom:1.5rem;font-family:Space Mono,monospace;letter-spacing:.05em}.timeline-item{display:flex;gap:1.5rem;margin-bottom:1.75rem;position:relative}.timeline-item:before{content:"";position:absolute;left:47px;top:28px;bottom:-28px;width:1px;background:var(--border)}.timeline-item:last-child:before{display:none}.timeline-year{flex-shrink:0;width:56px;height:56px;background:var(--green-glow);border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:Space Mono,monospace;font-size:.75rem;font-weight:700;color:var(--green-primary)}.timeline-content h4{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:.3rem}.timeline-content p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}@media (max-width: 768px){.about-grid{grid-template-columns:1fr}.avatar-card{position:static}}.projects-stats{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:2rem}.pstat{font-family:Space Mono,monospace;font-size:.82rem;color:var(--text-muted);display:flex;align-items:center;gap:.4rem}.pstat span{font-size:1.1rem;font-weight:700;color:var(--green-primary)}.bookmarked-stat span{color:var(--green-light)}.projects-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.filter-pills{display:flex;gap:.5rem;flex-wrap:wrap}.pill{padding:.4rem 1rem;border-radius:100px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-size:.85rem;font-weight:600;transition:all .2s ease}.search-box{display:flex;align-items:center;gap:.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:.5rem 1rem;color:var(--text-muted);transition:border-color .2s ease}.search-box:focus-within{border-color:var(--green-primary)}.search-box input{background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.9rem;font-family:inherit;width:180px}.search-box input::placeholder{color:var(--text-muted)}.bookmarks-banner{display:flex;align-items:center;justify-content:space-between;background:var(--green-glow);border:1px solid rgba(0,200,83,.3);border-radius:10px;padding:.75rem 1.25rem;margin-bottom:2rem;font-size:.88rem;color:var(--green-light);font-family:Space Mono,monospace;gap:1rem;flex-wrap:wrap}.bookmarks-banner button{background:transparent;color:var(--text-muted);font-size:.8rem;font-family:Space Mono,monospace;padding:.25rem .6rem;border:1px solid var(--border);border-radius:6px;transition:all .2s ease}.bookmarks-banner button:hover{color:#ff6b6b;border-color:#ff6b6b}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.project-card{position:relative;display:flex;flex-direction:column;gap:1rem}.project-card.featured{border-color:#00c85366;background:linear-gradient(135deg,var(--bg-card),var(--bg-card2))}.featured-badge{position:absolute;top:-1px;right:1rem;background:var(--green-primary);color:#000;font-size:.72rem;font-weight:700;padding:.25rem .75rem;border-radius:0 0 8px 8px;font-family:Space Mono,monospace}.project-header{display:flex;justify-content:space-between;align-items:center}.project-icon{font-size:1.75rem}.bookmark-icon{width:32px;height:32px;border-radius:6px;background:transparent;border:1px solid var(--border);color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.bookmark-icon:hover{border-color:var(--green-primary);color:var(--green-primary);background:var(--green-glow)}.bookmark-icon.bookmarked{color:var(--green-primary);border-color:var(--green-primary);background:var(--green-glow)}.project-title{font-size:1.15rem;font-weight:700;color:var(--text-primary)}.project-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.65;flex:1}.project-tech{display:flex;flex-wrap:wrap;gap:.4rem}.project-btn{font-size:.85rem;padding:.55rem 1.25rem;align-self:flex-start}.no-results{color:var(--text-muted);font-family:Space Mono,monospace;font-size:.9rem;padding:2rem;grid-column:1 / -1}.analytics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2.5rem}.analytics-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem}.analytics-icon{font-size:1.75rem;flex-shrink:0}.analytics-num{font-size:1.4rem;font-weight:800;color:var(--green-primary);line-height:1;margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.analytics-label{font-size:.78rem;color:var(--text-muted);font-family:Space Mono,monospace;white-space:nowrap}.skills-layout{display:grid;grid-template-columns:1fr 300px;gap:2rem;align-items:start}.skills-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.pill{padding:.4rem 1rem;border-radius:100px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-size:.85rem;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.pill:hover,.pill.active{background:var(--green-glow);border-color:var(--green-primary);color:var(--green-primary)}.pill-count{background:var(--bg-card2);padding:.1rem .45rem;border-radius:100px;font-size:.72rem;font-family:Space Mono,monospace}.skills-list{display:flex;flex-direction:column;gap:.75rem}.skill-row{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem}.skill-row.endorsed{border-color:var(--green-primary);background:linear-gradient(135deg,var(--bg-card),rgba(0,200,83,.05))}.skill-row:hover{transform:translate(4px)}.skill-info{flex:1;min-width:0}.skill-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.skill-name{font-weight:700;font-size:.95rem;color:var(--text-primary)}.skill-cat{font-family:Space Mono,monospace;font-size:.72rem;font-weight:700}.skill-bar-track{width:100%;height:6px;background:var(--bg-card2);border-radius:100px;overflow:hidden}.skill-bar-fill{height:100%;background:linear-gradient(90deg,var(--green-dark),var(--green-primary));border-radius:100px;transition:width .8s cubic-bezier(.16,1,.3,1);position:relative}.skill-bar-fill:after{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:var(--green-light);border-radius:100px}.skill-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.skill-pct{font-family:Space Mono,monospace;font-size:.85rem;font-weight:700;color:var(--green-primary);min-width:38px;text-align:right}.endorse-btn{width:32px;height:32px;border-radius:6px;background:var(--bg-card2);border:1px solid var(--border);font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--text-muted)}.endorse-btn:hover{border-color:var(--green-primary);background:var(--green-glow)}.endorse-btn.active{background:var(--green-glow);border-color:var(--green-primary)}.skills-hint{margin-top:1rem;font-size:.8rem;color:var(--text-muted);font-family:Space Mono,monospace;line-height:1.6}.skills-hint code{color:var(--green-light);background:var(--green-glow);padding:.1rem .4rem;border-radius:4px;font-size:.78rem}.breakdown-card{margin-bottom:1rem;position:sticky;top:90px}.breakdown-title{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:1.25rem;font-family:Space Mono,monospace}.breakdown-row{margin-bottom:1rem}.breakdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem;font-weight:700;font-size:.85rem}.breakdown-meta{font-family:Space Mono,monospace;font-size:.72rem;color:var(--text-muted)}.breakdown-bar-track{height:5px;background:var(--bg-card2);border-radius:100px;overflow:hidden}.breakdown-bar-fill{height:100%;border-radius:100px;transition:width .8s cubic-bezier(.16,1,.3,1)}.hooks-card{position:sticky;top:calc(410px + 1rem)}.hooks-title{font-size:.9rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.hook-item{margin-bottom:1rem}.hook-item code{display:block;color:var(--green-primary);font-size:.85rem;margin-bottom:.25rem;font-family:Space Mono,monospace}.hook-item span{font-size:.8rem;color:var(--text-muted);line-height:1.5}@media (max-width: 1024px){.analytics-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.skills-layout{grid-template-columns:1fr}.breakdown-card,.hooks-card{position:static}}@media (max-width: 600px){.analytics-row{grid-template-columns:repeat(2,1fr)}}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.contact-intro{color:var(--text-secondary);line-height:1.75;font-size:1.05rem;margin-bottom:2rem}.contact-links{display:flex;flex-direction:column;gap:1rem}.contact-link{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:12px;background:var(--bg-card);border:1px solid var(--border);transition:all .2s ease}.contact-link:hover{border-color:var(--green-primary);background:var(--green-glow);transform:translate(4px)}.contact-link-icon{font-size:1.5rem;flex-shrink:0}.contact-link-label{font-size:.75rem;color:var(--text-muted);font-family:Space Mono,monospace;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.2rem}.contact-link-val{font-size:.9rem;font-weight:600;color:var(--text-primary)}.contact-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.82rem;font-weight:600;color:var(--text-secondary);font-family:Space Mono,monospace;letter-spacing:.04em}.form-group input,.form-group textarea{background:var(--bg-card2);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:border-color .2s ease;outline:none;resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:var(--green-primary);box-shadow:0 0 0 3px var(--green-glow)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-success{text-align:center;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.success-icon{font-size:3rem}.form-success h3{font-size:1.3rem;font-weight:700;color:var(--green-primary)}.form-success p{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}@media (max-width: 768px){.contact-grid{grid-template-columns:1fr;gap:2rem}}