*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--color-bg:#0a0a0a;--color-bg-translucent:#0a0a0aeb;--color-surface:#111;--color-surface-raised:#1a1a1a;--color-border:#2a2a2a;--color-border-bright:#fff;--color-text:#e0e0e0;--color-text-secondary:#a8a8a8;--color-text-muted:#6e6e6e;--color-accent:#fff;--color-accent-dim:#8a8a8a;--color-accent-subtle:#ffffff14;--color-accent-shadow:#ffffff2e;--color-cyan:#00d4ff;--color-amber:#ffb000;--color-red:#ff5f56;--color-yellow:#ffbd2e;--color-green:#27c93f;--color-shadow:#00000080;--font-display:"Clash Display", sans-serif;--font-body:"Satoshi", sans-serif;--font-mono:"SF Mono", "SFMono-Regular", "JetBrains Mono", "Fira Code", "Cascadia Code", "Consolas", monospace;--tracking-tight:-.04em;--tracking-display:-.03em;--tracking-wide:.15em;--tracking-wider:.2em;--leading-display:.92;--leading-body:1.65;--section-padding:clamp(5rem, 10vw, 8.5rem);--section-gap:clamp(3rem, 6vw, 5rem);--content-max:1100px;--content-padding:clamp(1.5rem, 4vw, 3rem);--cursor-block:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18'%3E%3Crect width='10' height='18' fill='%23ffffff'/%3E%3C/svg%3E") 5 9, text}[data-theme=light]{--color-bg:#f4f4ef;--color-bg-translucent:#f4f4efeb;--color-surface:#eaeae5;--color-surface-raised:#fff;--color-border:#c8c8c0;--color-border-bright:#1a1a1a;--color-text:#1a1a1a;--color-text-secondary:#4a4a4a;--color-text-muted:#7a7a7a;--color-accent:#1a1a1a;--color-accent-dim:#555;--color-accent-subtle:#00000014;--color-accent-shadow:#00000026;--color-cyan:#07a;--color-amber:#b8860b;--color-red:#e0443e;--color-yellow:#dea820;--color-green:#1a9a2e;--color-shadow:#0000001a;--cursor-block:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18'%3E%3Crect width='10' height='18' fill='%23000000'/%3E%3C/svg%3E") 5 9, text}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:var(--cursor-block)}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);font-size:16px;line-height:var(--leading-body);transition:background-color .3s,color .3s;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);position:fixed;inset:0}[data-theme=light] body:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000004 2px 4px)}a{color:inherit;cursor:var(--cursor-block)}img{max-width:100%;display:block}button{cursor:var(--cursor-block);font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-dim)}::selection{background:var(--color-accent);color:var(--color-bg)}.terminal{border:1px solid var(--color-border);max-width:1200px;box-shadow:0 0 40px var(--color-shadow);margin:1.5rem auto}.terminal__titlebar{background:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;gap:.5rem;padding:.65rem 1rem;display:flex}.terminal__dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.terminal__dot--red{background:var(--color-red)}.terminal__dot--yellow{background:var(--color-yellow)}.terminal__dot--green{background:var(--color-green)}.terminal__title{text-align:center;font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:var(--tracking-wide);text-transform:uppercase;flex:1;font-size:.68rem}.terminal__body{background:var(--color-bg);min-height:calc(100vh - 3rem)}.section-header{margin-bottom:var(--section-gap);flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.section-label{font-family:var(--font-mono);color:var(--color-accent);letter-spacing:var(--tracking-wider);text-transform:uppercase;font-size:.7rem;font-weight:500}.section-label:before{content:"// ";color:var(--color-text-muted);letter-spacing:0}.section-title{font-family:var(--font-display);color:var(--color-text);text-transform:uppercase;letter-spacing:var(--tracking-display);font-size:clamp(2rem,5vw,3.25rem);font-weight:600;line-height:var(--leading-display)}.section-line{background:var(--color-border);width:100%;height:1px;margin-top:.5rem}.section-line:after{content:none;display:none}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.cursor-blink:after{content:"█";color:var(--color-accent);margin-left:2px;animation:1s step-end infinite blink}.prompt:before{content:"$ ";color:var(--color-accent);font-weight:500}@media (width<=640px){.terminal{border-left:none;border-right:none;margin:0}}.navbar{z-index:100;padding:1.25rem 0;transition:all .3s;position:sticky;top:0}.navbar--scrolled{background:var(--color-bg-translucent);border-bottom:1px solid var(--color-border);padding:.85rem 0}.navbar__inner{max-width:var(--content-max);padding:0 var(--content-padding);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.navbar__logo{font-family:var(--font-display);color:var(--color-text);text-transform:uppercase;letter-spacing:var(--tracking-display);font-size:1.1rem;font-weight:600;text-decoration:none;transition:color .25s}.navbar__logo:hover{color:var(--color-accent)}.navbar__links{align-items:center;gap:2.5rem;display:flex}.navbar__link{font-family:var(--font-mono);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:.25rem 0;font-size:.72rem;font-weight:500;text-decoration:none;transition:color .25s}.navbar__link:before{content:none}.navbar__link:hover{color:var(--color-accent)}.navbar__theme-btn{border:1px solid var(--color-border);background:var(--color-surface);min-width:68px;height:32px;color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:0;justify-content:center;align-items:center;padding:0 .65rem;font-size:.68rem;transition:all .25s;display:flex}.navbar__theme-btn:hover{color:var(--color-accent);border-color:var(--color-accent)}.navbar__hamburger{border:1px solid var(--color-border);cursor:pointer;z-index:101;background:0 0;flex-direction:column;justify-content:center;gap:5px;width:34px;height:34px;padding:0 7px;display:none}.navbar__hamburger span{background:var(--color-accent);transform-origin:50%;width:100%;height:2px;transition:all .3s;display:block}.navbar__hamburger--open span:first-child{transform:translateY(7px)rotate(45deg)}.navbar__hamburger--open span:nth-child(2){opacity:0}.navbar__hamburger--open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width<=640px){.navbar__hamburger{display:flex}.navbar__links{background:var(--color-bg);opacity:0;pointer-events:none;border:none;flex-direction:column;justify-content:center;gap:2.5rem;transition:opacity .3s;position:fixed;inset:0}.navbar__links--open{opacity:1;pointer-events:all}.navbar__link{font-size:.85rem}}.hero{min-height:100vh;padding:clamp(6rem, 14vh, 9rem) var(--content-padding) clamp(4rem, 8vh, 6rem);align-items:center;display:flex;position:relative;overflow:hidden}.hero__content{max-width:var(--content-max);opacity:0;width:100%;margin:0 auto;transition:all .7s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.hero__content--visible{opacity:1;transform:translateY(0)}.hero__greeting{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin-bottom:1.75rem;font-size:.72rem;font-weight:500}.hero__name{font-family:var(--font-display);color:var(--color-text);text-transform:uppercase;letter-spacing:var(--tracking-tight);font-size:clamp(3rem,11vw,7rem);font-weight:600;line-height:var(--leading-display);margin-bottom:1.5rem}.hero__cursor{background:var(--color-accent);color:#0000;vertical-align:baseline;width:clamp(.55rem,1.6vw,1rem);height:clamp(2.4rem,8.8vw,5.6rem);margin-left:.12em;animation:1s step-end infinite blink;display:inline-block;transform:translateY(.08em)}.hero__tagline{font-family:var(--font-mono);color:var(--color-text-secondary);letter-spacing:var(--tracking-wide);text-transform:lowercase;margin-bottom:2.5rem;font-size:clamp(.8rem,1.6vw,.95rem);font-weight:400}.hero__description{font-family:var(--font-body);font-size:clamp(1rem,1.8vw,1.2rem);line-height:var(--leading-body);color:var(--color-text-secondary);max-width:52ch;margin-bottom:3.5rem}.hero__cta{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-accent);border:1px solid var(--color-accent);background:0 0;border-radius:0;align-items:center;gap:.65rem;padding:1rem 2rem;font-size:.75rem;font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex}.hero__cta:hover{background:var(--color-accent-subtle);box-shadow:0 0 20px var(--color-accent-shadow)}.hero__cta-arrow{color:var(--color-text-muted);transition:transform .25s}.hero__cta:hover .hero__cta-arrow{color:var(--color-accent);transform:translate(4px)}@media (width<=640px){.hero{padding-top:5.5rem}.hero__greeting,.hero__name{margin-bottom:1.25rem}.hero__tagline{margin-bottom:2rem}.hero__description{margin-bottom:2.5rem}}.about{padding:var(--section-padding) var(--content-padding)}.about__inner{max-width:var(--content-max);opacity:0;margin:0 auto;transition:all .7s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.about__inner--visible{opacity:1;transform:translateY(0)}.about__grid{grid-template-columns:3fr 2fr;gap:clamp(2.5rem,5vw,4.5rem);display:grid}.about__text{border:1px solid var(--color-border);background:var(--color-surface);padding:clamp(1.75rem,3vw,2.5rem)}.about__text:before{content:"$ cat about.md";font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:var(--tracking-wide);text-transform:uppercase;border-bottom:1px solid var(--color-border);margin-bottom:1.75rem;padding-bottom:1rem;font-size:.68rem;display:block}.about__paragraph{font-family:var(--font-body);font-size:clamp(1rem,1.6vw,1.125rem);line-height:var(--leading-body);color:var(--color-text-secondary);margin-bottom:1.5rem}.about__paragraph:last-child{margin-bottom:0}.about__skills{border:1px solid var(--color-border);background:var(--color-surface);padding:clamp(1.75rem,3vw,2.5rem)}.about__skills-title{font-family:var(--font-display);color:var(--color-text);text-transform:uppercase;letter-spacing:var(--tracking-display);font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:600;line-height:var(--leading-display);margin-bottom:2rem}.about__skills-title:before{content:none}.about__skills-list{grid-template-columns:1fr 1fr;gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.about__skill{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:.04em;padding:.5rem 0 .5rem 1.5rem;font-size:.78rem;transition:color .25s;position:relative}.about__skill:before{content:"├── ";color:var(--color-border-bright);font-size:.72rem;position:absolute;left:0}.about__skill:last-child:before{content:"└── "}.about__skill:hover{color:var(--color-accent)}@media (width<=768px){.about__grid{grid-template-columns:1fr;gap:2.5rem}}.work{padding:var(--section-padding) var(--content-padding)}.work__inner{max-width:var(--content-max);opacity:0;margin:0 auto;transition:all .7s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.work__inner--visible{opacity:1;transform:translateY(0)}.work__loading{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;flex-direction:column;align-items:center;gap:1.25rem;padding:5rem 0;font-size:.78rem;display:flex}.work__loading p:before{content:"$ ";color:var(--color-accent)}.work__spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:0;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.work__empty{text-align:center;color:var(--color-text-muted);font-family:var(--font-body);font-size:1rem;line-height:var(--leading-body);padding:4rem 0}.work__empty a{color:var(--color-cyan);text-decoration:underline}.work__grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}.work__card{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:0;flex-direction:column;padding:clamp(1.75rem,3vw,2.25rem);text-decoration:none;transition:all .25s;display:flex;position:relative}.work__card:before{content:"drwxr-xr-x";font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:.06em;opacity:0;font-size:.62rem;transition:opacity .25s;position:absolute;top:.75rem;right:1rem}.work__card:hover{border-color:var(--color-accent);box-shadow:0 0 20px var(--color-accent-shadow)}.work__card:hover:before{opacity:1}.work__card-top{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.work__card-icon{color:var(--color-amber)}.work__card-arrow{color:var(--color-text-muted);transition:all .25s}.work__card:hover .work__card-arrow{color:var(--color-accent);transform:translate(3px,-3px)}.work__card-title{font-family:var(--font-display);color:var(--color-text);text-transform:uppercase;letter-spacing:var(--tracking-display);font-size:clamp(1.15rem,2vw,1.5rem);font-weight:600;line-height:var(--leading-display);margin-bottom:1rem;transition:color .25s}.work__card-title:before{content:none}.work__card:hover .work__card-title{color:var(--color-accent)}.work__card-desc{font-family:var(--font-body);font-size:.95rem;line-height:var(--leading-body);color:var(--color-text-muted);flex:1;margin-bottom:1.75rem}.work__card-bottom{border-top:1px solid var(--color-border);flex-direction:column;gap:.85rem;padding-top:1.25rem;display:flex}.work__card-meta{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:.04em;align-items:center;gap:1.25rem;font-size:.72rem;display:flex}.work__lang{align-items:center;gap:.4rem;display:inline-flex}.work__lang-dot{border-radius:0;flex-shrink:0;width:8px;height:8px}.work__stars,.work__forks{align-items:center;gap:.35rem;display:inline-flex}.work__card-tags{flex-wrap:wrap;gap:.5rem;display:flex}.work__tag{font-family:var(--font-mono);color:var(--color-accent);background:var(--color-accent-subtle);border:1px solid var(--color-border);letter-spacing:.06em;text-transform:uppercase;border-radius:0;padding:.35rem .65rem;font-size:.68rem}.work__tag:before{content:"#";color:var(--color-text-muted);margin-right:3px}@media (width<=640px){.work__grid{grid-template-columns:1fr}}.contact{padding:var(--section-padding) var(--content-padding) clamp(4rem, 8vw, 6rem)}.contact__inner{max-width:var(--content-max);opacity:0;margin:0 auto;transition:all .7s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.contact__inner--visible{opacity:1;transform:translateY(0)}.contact__body{text-align:center;border:1px solid var(--color-border);background:var(--color-surface);max-width:640px;margin:0 auto;padding:clamp(2.5rem,5vw,4rem) clamp(1.75rem,4vw,3rem)}.contact__heading{font-family:var(--font-display);color:var(--color-text);text-transform:uppercase;letter-spacing:var(--tracking-display);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:600;line-height:var(--leading-display);margin-bottom:1.75rem}.contact__description{font-family:var(--font-body);font-size:clamp(1rem,1.6vw,1.125rem);line-height:var(--leading-body);color:var(--color-text-secondary);text-align:center;max-width:48ch;margin-bottom:2.75rem;margin-left:auto;margin-right:auto}.contact__email-btn{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-bg);background:var(--color-accent);border:1px solid var(--color-accent);border-radius:0;margin-bottom:3rem;padding:1rem 2.5rem;font-size:.75rem;font-weight:500;text-decoration:none;transition:all .25s;display:inline-block}.contact__email-btn:before{content:none}.contact__email-btn:hover{color:var(--color-accent);box-shadow:0 0 20px var(--color-accent-shadow);background:0 0}.contact__socials{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:center;gap:2.5rem;padding-top:2rem;display:flex}.contact__social-link{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary);align-items:center;gap:.4rem;padding:.35rem 0;font-size:.72rem;font-weight:500;text-decoration:none;transition:color .25s;display:inline-flex}.contact__social-link:before{content:none}.contact__social-link:hover{color:var(--color-cyan)}.contact__social-link svg{transition:transform .25s}.contact__social-link:hover svg{transform:translate(2px,-2px)}@media (width<=640px){.contact__body{padding:2.25rem 1.5rem}.contact__socials{flex-direction:column;align-items:center;gap:1.5rem}}.footer{padding:2rem var(--content-padding);text-align:center;border-top:1px solid var(--color-border);background:var(--color-surface)}.footer__text{font-family:var(--font-mono);color:var(--color-text-muted);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-size:.68rem}.footer__text:after{content:" _";color:var(--color-accent);animation:1s step-end infinite blink}