@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&family=Fira+Code:wght@400;500&family=DM+Mono:wght@300;400;500&family=DM+Serif+Display:ital@0;1&display=swap";html{scroll-behavior:smooth}#experience,#activity,#contact{scroll-margin-top:90px}:root{--bg-primary:#030303;--bg-secondary:#0d0d0d;--bg-tertiary:#141414;--bg-translucent:#0d0d0db3;--titlebar-bg:#141414e6;--border-subtle:#ffffff14;--border-hover:#ffffff26;--border-heavy:#ffffff59;--text-primary:#fffffff2;--text-secondary:#fff9;--text-muted:#ffffff59;--accent-green:#10b981;--accent-glow:#10b98126;--card-bg:#ffffff05;--card-bg-hover:#ffffff0d;--card-bg-active:#ffffff14;--card-bg-medium:#0d0d0d80;--card-bg-heavy:#0d0d0db3;--input-bg:#00000059;--btn-primary-bg:#fff;--btn-primary-text:#000;--btn-primary-border:#fff;--btn-primary-hover-bg:transparent;--btn-primary-hover-text:#fff;--btn-secondary-bg:#ffffff0a;--btn-secondary-hover-bg:#ffffff14;--nextjs-vercel-border:#fff6;--nextjs-vercel-glow:#ffffff26;--contrib-level-0:#ffffff0a;--contrib-level-0-hover:#ffffff26;--font-display:"Outfit", "Inter", sans-serif;--font-mono:"DM Mono", "Fira Code", monospace;--font-serif:"DM Serif Display", serif}[data-theme=light]{--bg-primary:#f5f5f7;--bg-secondary:#fff;--bg-tertiary:#e5e5ea;--bg-translucent:#ffffffb3;--titlebar-bg:#f0f0f5e6;--border-subtle:#00000014;--border-hover:#0000002e;--border-heavy:#00000052;--text-primary:#000000f2;--text-secondary:#000000bf;--text-muted:#0000008c;--accent-green:#059669;--accent-glow:#0596691f;--card-bg:#00000005;--card-bg-hover:#0000000a;--card-bg-active:#0000000f;--card-bg-medium:#fff9;--card-bg-heavy:#ffffffd9;--input-bg:#fffc;--btn-primary-bg:#000;--btn-primary-text:#fff;--btn-primary-border:#000;--btn-primary-hover-bg:transparent;--btn-primary-hover-text:#000;--btn-secondary-bg:#00000008;--btn-secondary-hover-bg:#0000000f;--nextjs-vercel-border:#0006;--nextjs-vercel-glow:#00000026;--contrib-level-0:#0000000f;--contrib-level-0-hover:#00000026}*{box-sizing:border-box;margin:0;padding:0}.preload,.preload *{-o-transition:none!important;transition:none!important}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-display);font-size:15px;font-weight:600;line-height:1.65;transition:background-color .3s,color .3s;overflow-x:hidden}#root{background:var(--bg-primary);flex-direction:column;width:100%;min-height:100vh;transition:background-color .3s;display:flex}.header-nav{z-index:100;background:var(--bg-translucent);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;width:100%;margin-bottom:40px;padding:24px 48px 16px;display:flex;position:sticky;top:0}main{flex-direction:column;flex:1;width:100%;max-width:1100px;margin:0 auto;padding:0 48px 40px;display:flex}.nav-logo{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:-.01em;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:15px;font-weight:500;display:flex}.nav-logo span{color:var(--accent-green);font-weight:700}.nav-links-container{align-items:center;gap:28px;display:flex}.nav-item{font-family:var(--font-display);letter-spacing:.02em;color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:6px 4px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-item:hover,.nav-item.active{color:var(--text-primary)}.nav-item.active{font-weight:700}.theme-toggle{cursor:pointer;color:var(--text-primary);background:0 0;border:none;justify-content:center;align-items:center;margin-left:8px;padding:6px;transition:color .2s,transform .2s;display:flex}.theme-toggle:hover{color:var(--text-primary);transform:rotate(15deg)}.hero-grid{grid-template-columns:1.25fr .95fr;align-items:start;gap:48px;width:100%;margin-bottom:60px;display:grid}.bio-column{flex-direction:column;display:flex}.bio-name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:8px;font-size:42px;font-weight:500;line-height:1.1}.bio-meta{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:10px;margin-bottom:32px;font-size:14px;display:flex}.status-dot{background-color:var(--accent-green);width:6px;height:6px;box-shadow:0 0 8px var(--accent-green);border-radius:50%;display:inline-block}.bio-description{font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.01em;margin-bottom:24px;font-size:16px;font-weight:600;line-height:1.9}.bio-description strong{color:var(--text-primary);border-bottom:1px solid var(--border-hover);padding-bottom:1px;font-weight:500}.bio-link{color:var(--text-primary);border-bottom:1px solid var(--border-heavy);padding-bottom:1px;font-weight:500;text-decoration:none;transition:border-bottom-color .2s}.bio-link:hover{border-bottom-color:var(--text-primary)}.status-badge{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em;flex-wrap:wrap;align-items:flex-start;gap:10px;margin-top:12px;margin-bottom:40px;font-size:15px;display:inline-flex}.status-badge-prompt{color:var(--accent-green);font-weight:700}.bio-actions{align-items:center;gap:16px;display:flex}.btn-primary{font-family:var(--font-display);color:var(--btn-primary-text);background-color:var(--btn-primary-bg);border:1px solid var(--btn-primary-border);cursor:pointer;border-radius:9999px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000000d}.btn-primary:hover{background-color:var(--btn-primary-hover-bg);color:var(--btn-primary-hover-text);transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.btn-secondary{font-family:var(--font-display);color:var(--text-primary);background-color:var(--btn-secondary-bg);border:1px solid var(--border-subtle);cursor:pointer;border-radius:9999px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{background-color:var(--btn-secondary-hover-bg);border-color:var(--border-hover);transform:translateY(-2px)}.profile-photo-card{background:var(--card-bg-medium);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(16px);border-radius:24px;width:100%;max-width:300px;margin-left:auto;padding:12px;transition:all .4s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden;box-shadow:0 16px 36px #00000040,inset 0 1px #ffffff0d}.profile-photo-wrapper{aspect-ratio:4/5;background:var(--bg-tertiary);border-radius:16px;width:100%;position:relative;overflow:hidden}.profile-photo{object-fit:cover;width:100%;height:100%;transition:all .5s cubic-bezier(.25,1,.5,1)}.profile-photo-overlay{pointer-events:none;opacity:.85;justify-content:space-between;align-items:center;transition:opacity .3s;display:flex;position:absolute;top:14px;left:14px;right:14px}.profile-tag-code,.profile-tag-loc{font-family:var(--font-mono);-webkit-backdrop-filter:blur(8px);border-radius:9999px;padding:6px 12px;font-size:11px;font-weight:500}.profile-tag-code{color:var(--accent-green);background:#000000a6;border:1px solid #10b98140;transition:transform .4s cubic-bezier(.25,1,.5,1);transform:translate(-4px)}.profile-tag-loc{color:var(--text-primary);border:1px solid var(--border-subtle);background:#0000008c;transition:transform .4s cubic-bezier(.25,1,.5,1);transform:translate(4px)}.profile-photo-card:hover{border-color:var(--border-hover);box-shadow:0 24px 48px #00000059, 0 0 25px var(--accent-glow);transform:translateY(-8px)scale(1.01)}.profile-photo-card:hover .profile-photo{transform:scale(1.05)}.profile-photo-card:hover .profile-photo-overlay{opacity:1}.profile-photo-card:hover .profile-tag-code,.profile-photo-card:hover .profile-tag-loc{transform:translate(0)}.heading{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:24px;font-size:26px;font-weight:400}.bio{font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.01em;max-width:600px;font-size:14px;line-height:1.85}.posts-list{margin-top:48px}.post-row{cursor:pointer;border-bottom:.5px solid #ffffff14;grid-template-columns:130px 1fr;gap:0 28px;padding:20px 0;transition:all .2s;display:grid}.post-row:first-child{border-top:.5px solid #ffffff14}.post-row:hover{background:#ffffff03;padding-left:8px}.post-row:hover .post-title{color:#fff}.post-title{font-family:var(--font-serif);color:#ffffffd9;font-size:18px;font-weight:400;line-height:1.45;transition:color .15s}.post-date{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em;padding-top:3px;font-size:12px}.back-btn{font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;letter-spacing:.05em;background:0 0;border:none;margin-bottom:40px;padding:0;font-size:12px;transition:color .2s}.back-btn:hover{color:var(--text-primary)}.footer{border-top:.5px solid #ffffff12;gap:28px;width:100%;max-width:1100px;margin-top:90px;margin-left:auto;margin-right:auto;padding:32px 48px 40px;display:flex}.footer-link{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.03em;cursor:pointer;background:0 0;border:none;font-size:12px;transition:color .2s}.footer-link:hover{color:var(--text-secondary)}@media (width<=990px){.hero-grid{grid-template-columns:1fr;gap:40px}.profile-photo-card{max-width:380px;margin:0 auto}}@media (width<=767px){main{padding:0 24px 32px}.header-nav{margin-bottom:32px;padding:16px 24px}.footer{margin-top:60px;padding:24px 24px 32px}.bio-name{font-size:32px}.bio-actions{flex-wrap:wrap}.btn-primary,.btn-secondary{text-align:center;width:100%}.post-row{grid-template-columns:1fr;gap:8px;padding:16px 0}.post-date{padding-top:0}}.tools-section,.experience-section{width:100%;margin-top:80px}.section-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:12px;margin-bottom:28px;font-size:20px;font-weight:600;display:flex}.section-title:after{content:"";background:var(--border-subtle);flex:1;order:1;height:1px}.contrib-count{color:var(--accent-green);font-size:11px;font-weight:500;font-family:var(--font-mono);white-space:nowrap;text-shadow:0 0 4px #10b9814d;letter-spacing:.02em;background:#10b9810d;border:1px solid #10b98133;border-radius:20px;order:2;padding:3px 10px;box-shadow:0 0 12px #10b98126}.contrib-count strong{color:var(--text-primary);font-weight:600}.tools-marquee-container{flex-direction:column;gap:16px;width:100%;max-width:850px;margin-left:auto;margin-right:auto;padding:10px 0;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.tools-marquee-row{-webkit-user-select:none;user-select:none;width:100%;display:flex;overflow:hidden}.tools-marquee-track{white-space:nowrap;gap:16px;width:max-content;padding:4px;display:flex}.scroll-left .tools-marquee-track{animation:25s linear infinite marquee-left}.scroll-right .tools-marquee-track{animation:25s linear infinite marquee-right}.tools-marquee-row:hover .tools-marquee-track{animation-play-state:paused}@keyframes marquee-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.tool-pill{border:1px solid var(--border-subtle);cursor:pointer;background:#ffffff05;border-radius:9999px;align-items:center;gap:10px;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 12px #0000001a}.tool-pill .tool-icon{justify-content:center;align-items:center;width:18px;height:18px;transition:transform .1s;display:flex}.tool-pill .tool-name{font-family:var(--font-mono);color:var(--text-secondary);font-size:13px;font-weight:500;transition:color .1s}.tool-pill:hover{background:#ffffff0d;transform:translateY(-2px)}.tool-pill:hover .tool-icon{transform:scale(1.15)rotate(5deg)}.tool-pill:hover .tool-name{color:var(--text-primary)}.tool-pill.tool-tailwindcss:hover{border-color:#38bdf866;box-shadow:0 0 16px #38bdf826}.tool-pill.tool-mongodb:hover{border-color:#47a24866;box-shadow:0 0 16px #47a24826}.tool-pill.tool-javascript:hover{border-color:#f7df1e66;box-shadow:0 0 16px #f7df1e26}.tool-pill.tool-typescript:hover{border-color:#3178c666;box-shadow:0 0 16px #3178c626}.tool-pill.tool-react:hover{border-color:#61dafb66;box-shadow:0 0 16px #61dafb26}.tool-pill.tool-nextjs:hover{border-color:var(--nextjs-vercel-border);box-shadow:0 0 16px var(--nextjs-vercel-glow)}.tool-pill.tool-docker:hover{border-color:#2496ed66;box-shadow:0 0 16px #2496ed26}.tool-pill.tool-git:hover{border-color:#f0503266;box-shadow:0 0 16px #f0503226}.tool-pill.tool-vercel:hover{border-color:var(--nextjs-vercel-border);box-shadow:0 0 16px var(--nextjs-vercel-glow)}.tool-pill.tool-prisma:hover{border-color:#2b6cb066;box-shadow:0 0 16px #2b6cb026}.tool-pill.tool-graphql:hover{border-color:#e1009866;box-shadow:0 0 16px #e1009826}.tool-pill.tool-python:hover{border-color:#3776ab66;box-shadow:0 0 16px #3776ab26}.tool-pill.tool-postgresql:hover{border-color:#33679166;box-shadow:0 0 16px #33679126}.timeline-container{width:100%;margin-top:36px;position:relative}.timeline-container:before{content:"";background:var(--border-subtle);width:2px;position:absolute;top:12px;bottom:12px;left:18px}.timeline-item{width:100%;padding-left:48px;position:relative}.timeline-dot{background:var(--bg-primary);border:2px solid var(--border-subtle);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:12px;left:1px;overflow:hidden}.ths-logo{font-family:var(--font-mono);color:var(--accent-green);text-transform:lowercase;letter-spacing:-.02em;font-size:10px;font-weight:700}.timeline-content{background:var(--card-bg-medium);border:1px solid var(--border-subtle);border-radius:12px;padding:24px 28px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 4px 20px #0003}.timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.timeline-company{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;font-size:18px;font-weight:600}.timeline-role{font-family:var(--font-mono);color:var(--accent-green);margin-top:4px;font-size:13px;font-weight:500}.timeline-date{font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--border-subtle);background:#ffffff05;border-radius:9999px;padding:4px 12px;font-size:12px}.timeline-details{flex-direction:column;gap:10px;list-style:none;display:flex}.timeline-details li{font-family:var(--font-mono);color:var(--text-secondary);padding-left:20px;font-size:13px;line-height:1.6;position:relative}.timeline-details li:before{content:">";color:var(--accent-green);font-weight:700;font-family:var(--font-mono);position:absolute;top:0;left:0}.timeline-item:hover .timeline-content{background:var(--card-bg-heavy);border-color:#10b98140;transform:translateY(-2px);box-shadow:0 8px 32px #10b9810f,inset 0 1px #ffffff0d}.timeline-item:hover .timeline-dot{border-color:var(--accent-green);box-shadow:0 0 14px var(--accent-glow);transform:scale(1.05)}.activity-section{width:100%;margin-top:80px}.section-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.section-subtitle{font-family:var(--font-mono);color:var(--accent-green);letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.contrib-summary{color:var(--text-secondary);background:#10b9810a;border:1px solid #10b98126;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;display:flex}.contrib-summary-icon{color:var(--accent-green)}.contrib-summary-text strong{color:var(--text-primary);font-weight:600}.contrib-card{background:var(--card-bg-medium);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;transition:border-color .3s;overflow:hidden;box-shadow:0 12px 32px #00000040}.contrib-card:hover{border-color:var(--border-hover)}.contrib-card-header{border-bottom:1px solid var(--border-subtle);background:#141414cc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.contrib-status{align-items:center;gap:8px;display:flex}.status-indicator{border-radius:50%;width:7px;height:7px;display:inline-block;position:relative}.status-indicator.mock{background:var(--text-muted)}.status-indicator.syncing{background:#fbbf24;animation:1.5s ease-in-out infinite status-pulse;box-shadow:0 0 8px #fbbf24}.status-indicator.synced{background:var(--accent-green);box-shadow:0 0 8px var(--accent-green)}@keyframes status-pulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.status-label{font-family:var(--font-mono);color:var(--text-secondary);font-size:12px}.contrib-sync-form{background:var(--input-bg);border:1px solid var(--border-subtle);border-radius:8px;align-items:center;gap:6px;padding:4px 10px;transition:all .2s;display:flex}.contrib-sync-form:focus-within{border-color:var(--accent-green);box-shadow:0 0 8px var(--accent-glow)}.sync-prompt{font-family:var(--font-mono);color:var(--accent-green);-webkit-user-select:none;user-select:none;font-size:12px}.contrib-sync-input{font-family:var(--font-mono);color:var(--text-primary);background:0 0;border:none;outline:none;width:90px;font-size:12px}.contrib-sync-input::placeholder{color:var(--text-muted)}.contrib-sync-btn{color:var(--accent-green);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:13px;font-weight:700;transition:transform .15s}.contrib-sync-btn:hover{transform:scale(1.15)}.contrib-grid-scroll-container{scrollbar-width:thin;scrollbar-color:#ffffff0d transparent;width:100%;padding:24px;overflow-x:auto}.contrib-grid-scroll-container::-webkit-scrollbar{height:6px}.contrib-grid-scroll-container::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:9999px}.contrib-grid-wrapper{width:max-content;margin:0 auto;display:flex}.contrib-days{height:91px;font-family:var(--font-mono);color:var(--text-muted);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-between;margin-right:12px;padding-top:2px;font-size:10px;line-height:10px;display:flex}.contrib-days span{align-items:center;height:10px;display:flex}.contrib-months{-webkit-user-select:none;user-select:none;width:100%;height:20px;margin-bottom:8px;position:relative}.contrib-month-label{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;font-size:10px;position:absolute}.contrib-grid{gap:4px;display:flex}.contrib-column{flex-direction:column;gap:4px;display:flex}.contrib-cell{cursor:pointer;border-radius:50%;width:13px;height:13px;transition:transform .12s cubic-bezier(.4,0,.2,1),background-color .15s}.contrib-cell:hover{z-index:10;transform:scale(1.35)}@media (width<=1024px){.contrib-cell{width:11px;height:11px}.contrib-grid,.contrib-column{gap:3px}}@media (width<=768px){.contrib-cell{width:8px;height:8px}.contrib-grid,.contrib-column{gap:2px}}@media (width<=480px){.contrib-cell{width:5px;height:5px}.contrib-grid,.contrib-column{gap:2px}}.contrib-cell.level-0{background-color:var(--contrib-level-0)}.contrib-cell.level-0:hover{background-color:var(--contrib-level-0-hover);box-shadow:0 0 6px var(--contrib-level-0-hover)}.contrib-cell.level-1{background-color:#064e3b}.contrib-cell.level-1:hover{box-shadow:0 0 8px #064e3b}.contrib-cell.level-2{background-color:#047857}.contrib-cell.level-2:hover{box-shadow:0 0 8px #047857}.contrib-cell.level-3{background-color:#10b981}.contrib-cell.level-3:hover{box-shadow:0 0 10px #10b981}.contrib-cell.level-4{background-color:#34d399}.contrib-cell.level-4:hover{box-shadow:0 0 12px #34d399}.contrib-card-footer{border-top:1px solid var(--border-subtle);background:#14141466;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.tooltip-area{font-family:var(--font-mono);color:var(--text-secondary);flex:1;font-size:12px}.tooltip-placeholder{color:var(--text-muted)}.tooltip-text{color:var(--text-primary);display:inline-block}.tooltip-text strong{color:var(--accent-green)}.fade-in{animation:.2s cubic-bezier(.4,0,.2,1) forwards fade-in-anim}@keyframes fade-in-anim{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.contrib-legend{font-family:var(--font-mono);color:var(--text-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:11px;display:flex}.contrib-legend .contrib-cell{cursor:default}.contrib-legend .contrib-cell:hover{transform:none}.projects-section{width:100%;margin-top:100px}.projects-section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:32px;display:flex}.projects-section-desc{font-family:var(--font-mono);color:var(--text-secondary);max-width:760px;margin-top:8px;font-size:14px}.projects-all-link{font-family:var(--font-mono);color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;background:0 0;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.projects-all-link span{transition:transform .2s}.projects-all-link:hover{color:var(--text-primary);border-color:var(--border-hover);background:#ffffff05}.projects-all-link:hover span{transform:translate(4px)}.projects-grid{grid-template-columns:repeat(2,1fr);gap:32px;width:100%;display:grid}.project-card{background:var(--card-bg-medium);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 10px 30px #0003}.project-card:hover{border-color:#10b98140;transform:translateY(-4px)scale(1.005);box-shadow:0 16px 40px #00000073,0 0 20px #10b9810d}.project-preview{aspect-ratio:16/9;border-bottom:1px solid var(--border-subtle);background:#000;width:100%;position:relative;overflow:hidden}.project-image{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1)}.project-card:hover .project-image{transform:scale(1.04)}.project-overlay{z-index:2;position:absolute;top:12px;left:12px}.overlay-badge{border:1px solid var(--border-subtle);font-size:10px;font-family:var(--font-mono);color:var(--accent-green);letter-spacing:.05em;text-transform:uppercase;background:#0d0d0dd9;border-radius:9999px;padding:4px 10px}.project-info{flex-direction:column;flex-grow:1;padding:24px;display:flex}.project-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.project-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;font-size:19px;font-weight:600}.project-links{gap:12px;display:flex}.project-link-icon{color:var(--text-muted);justify-content:center;align-items:center;transition:color .2s,transform .2s;display:flex}.project-link-icon:hover{color:var(--text-primary);transform:translateY(-1px)}.project-desc{font-family:var(--font-mono);color:var(--text-secondary);flex-grow:1;margin-bottom:20px;font-size:15px;line-height:1.75}.project-tags{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.project-tags span{font-family:var(--font-mono);border:1px solid var(--border-subtle);color:var(--text-muted);letter-spacing:.01em;background:#ffffff05;border-radius:9999px;padding:4px 10px;font-size:11px}.project-action-link{font-family:var(--font-mono);color:var(--accent-green);align-items:center;gap:8px;width:fit-content;font-size:13px;font-weight:500;text-decoration:none;transition:gap .2s;display:inline-flex}.project-action-link:hover{gap:12px}.project-action-link .action-arrow{transition:transform .2s}.project-action-link:hover .action-arrow{transform:translate(2px)}.contact-section{width:100%;margin-top:100px;padding-top:40px}.centered{justify-content:space-between;align-items:center;display:flex}.centered:after{content:"";background:var(--border-subtle);flex:1;height:1px;margin-left:20px}.contact-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:56px;width:100%;margin-top:36px;display:grid}.contact-details-column{flex-direction:column;gap:32px;display:flex}.contact-intro{font-family:var(--font-mono);color:var(--text-secondary);font-size:16px;line-height:1.9}.contact-email-container{border:1px solid var(--border-subtle);cursor:pointer;background:#ffffff05;border-radius:12px;padding:20px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000026}.contact-email-container:hover{background:#10b98105;border-color:#10b98159;transform:translateY(-2px);box-shadow:0 8px 24px #10b9810f}.contact-email-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.contact-email-label{font-family:var(--font-mono);color:var(--accent-green);letter-spacing:.05em;font-size:11px;font-weight:600}.contact-email-body{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.contact-email-address{font-family:var(--font-mono);color:var(--text-primary);word-break:break-all;font-size:15px;font-weight:600}.email-copy-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-mono);cursor:pointer;background:#ffffff08;border-radius:6px;padding:6px 12px;font-size:11px;transition:all .2s cubic-bezier(.4,0,.2,1)}.contact-email-container:hover .email-copy-btn{background:var(--accent-green);color:#000;border-color:var(--accent-green);box-shadow:0 2px 8px var(--accent-glow)}.social-links-area{flex-direction:column;gap:16px;display:flex}.social-links-label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.05em;font-size:11px;font-weight:600}.social-links-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.social-link-badge{border:1px solid var(--border-subtle);font-family:var(--font-mono);color:var(--text-secondary);background:#ffffff05;border-radius:8px;justify-content:center;align-items:center;padding:12px 16px;font-size:12px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.social-link-badge:hover{border-color:var(--border-hover);color:var(--text-primary);background:#ffffff0d;transform:translateY(-2px)}.contact-form-column{background:var(--card-bg-medium);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:32px;box-shadow:0 10px 30px #0003}.contact-form{flex-direction:column;gap:20px;display:flex}.form-row-double{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.03em;font-size:11px}.form-input{background:var(--input-bg);border:1px solid var(--border-subtle);font-family:var(--font-mono);color:var(--text-primary);border-radius:8px;outline:none;padding:12px 16px;font-size:13px;transition:all .25s cubic-bezier(.4,0,.2,1)}.form-input::placeholder{color:var(--text-muted);opacity:.7}.form-input:focus{border-color:var(--accent-green);box-shadow:0 0 12px var(--accent-glow);background:#10b98103}.form-textarea{resize:vertical;min-height:110px}.form-submit-btn{font-family:var(--font-display);color:#000;background-color:var(--accent-green);border:1px solid var(--accent-green);cursor:pointer;box-shadow:0 4px 14px var(--accent-glow);text-align:center;border-radius:8px;width:100%;padding:14px 28px;font-size:14px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1)}.form-submit-btn:hover:not(:disabled){color:var(--accent-green);background-color:#0000;transform:translateY(-1px);box-shadow:0 6px 20px #10b98140}.form-submit-btn:disabled{opacity:.7;cursor:not-allowed}@media (width<=900px){.contact-grid{grid-template-columns:1fr;gap:40px}.projects-grid{grid-template-columns:1fr;gap:24px}}@media (width<=600px){.form-row-double{grid-template-columns:1fr;gap:20px}.contrib-card-header{flex-direction:column;align-items:flex-start}.contrib-sync-form{width:100%}.contrib-sync-input{flex-grow:1}.contrib-card-footer{flex-direction:column;align-items:flex-start}.social-links-grid{grid-template-columns:1fr}}@media (width<=650px){.header-nav{flex-direction:column;align-items:center;gap:16px;padding:16px 24px}.nav-links-container{gap:16px}}@media (width<=480px){.nav-links-container{gap:12px}.nav-item{padding:4px 2px;font-size:13px}.timeline-content{padding:16px}.timeline-item{padding-left:36px}.timeline-container:before{left:12px}.timeline-dot{width:28px;height:28px;top:16px;left:-2px}.ths-logo{font-size:8px}.status-badge{font-size:14px}}@media (width<=400px){.nav-links-container{gap:8px}.nav-item{font-size:12px}.bio-name{font-size:28px}}