:root{--bg:#0a192f;--bg-surface:#112240;--bg-surface2:#1d3461;--text:#ccd6f6;--text-secondary:#8892b0;--accent:#64ffda;--accent-tint:rgba(100,255,218,.1);--border:rgba(100,255,218,.15);--navbar-bg:rgba(10,25,47,.85);--font-mono:"SF Mono","Fira Code","Inconsolata",monospace;--font-sans:"Calibre","Inter","San Francisco","SF Pro Text",-apple-system,system-ui,sans-serif;--transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1)}.light,html.light{--bg:#f0f4f8;--bg-surface:#fff;--bg-surface2:#e2e8f0;--text:#1a2744;--text-secondary:#4a5568;--accent:#0d7377;--accent-tint:rgba(13,115,119,.08);--border:rgba(13,115,119,.2);--navbar-bg:rgba(240,244,248,.85)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:18px;line-height:1.6;transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none;transition:var(--transition)}a:hover{opacity:.8}.container{max-width:960px;margin:0 auto;padding:0 2rem}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;justify-content:flex-end;padding:1.25rem 2rem;background:var(--navbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);transition:background .3s ease}.navbar,.navbar__links{display:flex;align-items:center}.navbar__links{gap:2rem;margin-right:2rem}.navbar__link{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.05em;color:var(--text-secondary);transition:var(--transition)}.navbar__link:hover{color:var(--accent);opacity:1}.theme-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;background:none;border:1px solid var(--border);border-radius:50px;padding:.4rem .9rem;color:var(--text);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.05em;transition:var(--transition)}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle svg{width:15px;height:15px;fill:currentColor}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:6rem 0 4rem}.hero__inner{display:flex;align-items:flex-start;gap:4rem}.hero__text{flex:1 1;min-width:0}.hero__photo-wrap{flex-shrink:0;position:relative;margin-top:2.4rem}.hero__photo{border-radius:50%;object-fit:cover;display:block;border:3px solid var(--accent);box-shadow:0 0 0 6px var(--accent-tint)}.hero__overline{font-family:var(--font-mono);font-size:1rem;color:var(--accent);margin-bottom:1.25rem;letter-spacing:.05em}.hero__name{font-size:clamp(2.5rem,8vw,5rem);color:var(--text);margin-bottom:.5rem}.hero__name,.hero__tagline{font-weight:700;line-height:1.1}.hero__tagline{font-size:clamp(1.5rem,5vw,3.25rem);color:var(--text-secondary);margin-bottom:1.5rem}.hero__description{max-width:540px;font-size:1.1rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.75}.hero__cta{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--accent);color:var(--accent);font-family:var(--font-mono);font-size:.9rem;padding:.9rem 1.75rem;border-radius:4px;letter-spacing:.05em;transition:var(--transition)}.hero__cta:hover{background:var(--accent-tint);opacity:1}.section{padding:5rem 0}.section__header{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem}.section__title{font-size:clamp(1.5rem,4vw,1.85rem);font-weight:700;color:var(--text);white-space:nowrap}.section__line{flex:1 1;height:1px;background:var(--border)}.section__number{font-size:1rem;margin-right:.25rem}.navbar__num,.section__number{font-family:var(--font-mono);color:var(--accent)}.navbar__num{font-size:.75rem;margin-right:.2em}.section__intro{font-size:1rem;color:var(--text-secondary);max-width:560px;line-height:1.7;margin-bottom:2.5rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:1.5rem;gap:1.5rem}.tools-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;padding:1.5rem;transition:var(--transition)}.tools-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.tools-card__cat{font-family:var(--font-mono);font-size:.8rem;color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin-bottom:1rem}.tools-card__list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.tools-card__item{font-size:.9rem;color:var(--text-secondary);display:flex;align-items:baseline;gap:.5rem}.tools-card__bullet{color:var(--accent);font-size:.7rem;flex-shrink:0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:1.5rem;gap:1.5rem}.project-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;padding:2rem 1.75rem;display:flex;flex-direction:column;gap:.75rem;transition:var(--transition)}.project-card:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.2)}.project-card__folder{width:40px;height:40px;color:var(--accent)}.project-card__title{font-size:1.05rem;font-weight:600;color:var(--text);margin-top:.25rem}.project-card__desc{font-size:.9rem;color:var(--text-secondary);line-height:1.65;flex:1 1}.project-card__tags{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.5rem}.project-card__tags li{font-family:var(--font-mono);font-size:.72rem;color:var(--text-secondary);background:var(--accent-tint);border:1px solid var(--border);border-radius:3px;padding:.2rem .55rem;letter-spacing:.04em}.project-card{position:relative;overflow:hidden}.project-card__overlay{position:absolute;inset:0;background:rgba(10,25,47,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;opacity:0;transition:opacity .25s ease;border-radius:6px}html.light .project-card__overlay{background:rgba(240,244,248,.94)}.project-card:hover .project-card__overlay{opacity:1}.project-card__action{display:flex;align-items:center;gap:.55rem;background:var(--accent-tint);border:1px solid var(--accent);color:var(--accent);font-family:var(--font-mono);font-size:.8rem;letter-spacing:.04em;padding:.55rem 1.25rem;border-radius:4px;width:170px;transition:background .2s,color .2s}.project-card__action:hover{background:var(--accent);color:var(--bg);opacity:1}.project-card__action svg{width:15px;height:15px;flex-shrink:0}.footer{text-align:center;padding:2rem;font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);border-top:1px solid var(--border)}.footer__tribute{margin-top:.4rem;font-size:.75rem;opacity:.7}.social-bar{position:fixed;bottom:0;left:2.5rem;z-index:10;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.social-bar a{color:var(--text-secondary);transition:var(--transition)}.social-bar a:hover{color:var(--accent);transform:translateY(-3px);opacity:1}.social-bar svg{width:20px;height:20px}.social-bar__line{width:1px;height:90px;background:var(--text-secondary);margin-top:.5rem}@media (max-width:768px){.container{padding:0 1.25rem}.hero{padding:5rem 0 3rem}.hero__inner{flex-direction:column-reverse;gap:2rem}.hero__photo{width:200px!important;height:200px!important}.section{padding:3.5rem 0}.social-bar{display:none}.navbar__links{gap:.75rem;margin-right:.75rem}.tools-grid{grid-template-columns:1fr 1fr}.projects-grid{grid-template-columns:1fr}}@media (max-width:480px){.navbar__links{gap:.5rem}.navbar__num{display:none}.tools-grid{grid-template-columns:1fr}}