:root{--color-black: #0a0a0a;--color-white: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #e5e5e5;--color-gray-300: #d4d4d4;--color-gray-400: #a3a3a3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--color-primary: #0a0a0a;--color-accent: #ff0000;--color-success: #00aa00;--color-warning: #ffaa00;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Code", "Droid Sans Mono", "Source Code Pro", monospace;--text-xs: .64rem;--text-sm: .8rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.563rem;--text-2xl: 1.953rem;--text-3xl: 2.441rem;--text-4xl: 3.052rem;--text-5xl: 3.815rem;--text-6xl: 4.768rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--space-6: 3rem;--space-8: 4rem;--space-10: 5rem;--space-12: 6rem;--space-16: 8rem;--space-20: 10rem;--max-width: 1280px;--section-spacing: var(--space-20);--border-width: 1px;--border-radius: 0px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal: 400;--z-popover: 500;--z-tooltip: 600}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--color-black);background-color:var(--color-white);font-weight:var(--font-normal)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:1.2;margin:0;letter-spacing:-.02em}h1{font-size:var(--text-5xl);margin-bottom:var(--space-4)}h2{font-size:var(--text-4xl);margin-bottom:var(--space-3)}h3{font-size:var(--text-2xl);margin-bottom:var(--space-2)}h4{font-size:var(--text-xl);margin-bottom:var(--space-2)}p{margin-bottom:var(--space-2);max-width:65ch}a{color:var(--color-black);text-decoration:none;border-bottom:1px solid var(--color-black);transition:opacity var(--transition-fast)}a:hover{opacity:.6}code,pre{font-family:var(--font-mono);font-size:var(--text-sm)}ul,ol{list-style-position:inside;margin-bottom:var(--space-2)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-4)}.section{padding:var(--section-spacing) 0}.grid{display:grid;gap:var(--space-4)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}::selection{background-color:var(--color-black);color:var(--color-white)}@media(max-width:768px){html{font-size:14px}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}.grid-2,.grid-3{grid-template-columns:1fr}.container{padding:0 var(--space-3)}.section{padding:var(--space-12) 0}}.btn{font-family:var(--font-sans);font-weight:var(--font-medium);border:var(--border-width) solid var(--color-black);background:transparent;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.05em;font-size:var(--text-sm);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1)}.btn:hover{background:var(--color-black);color:var(--color-white)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-black);color:var(--color-white)}.btn--primary:hover{background:var(--color-gray-800)}.btn--secondary{background:transparent;color:var(--color-black);border:var(--border-width) solid var(--color-black)}.btn--secondary:hover{background:var(--color-black);color:var(--color-white)}.btn--ghost{background:transparent;border:none;color:var(--color-black)}.btn--ghost:hover{background:var(--color-gray-100);color:var(--color-black)}.btn--sm{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.btn--md{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);background:var(--color-white);border-bottom:var(--border-width) solid transparent;transition:all var(--transition-base)}.header--scrolled{border-bottom-color:var(--color-black);background:#fafafaf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header__content{display:flex;align-items:center;justify-content:space-between;height:80px;gap:var(--space-4)}.header__logo{flex-shrink:0}.header__name{font-size:var(--text-lg);font-weight:var(--font-bold);letter-spacing:-.02em}.header__nav{display:flex;gap:var(--space-4);flex:1;justify-content:center}.nav-link{background:none;border:none;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;padding:var(--space-1) 0;border-bottom:2px solid transparent;transition:border-color var(--transition-fast);color:var(--color-black)}.nav-link:hover{border-bottom-color:var(--color-black)}.header__actions{flex-shrink:0}@media(max-width:768px){.header__content{height:64px}.header__nav{display:none}.header__name{font-size:var(--text-base)}}.footer{border-top:var(--border-width) solid var(--color-black);padding:var(--space-6) 0;background:var(--color-white)}.footer__content{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.footer__text,.footer__credits{font-size:var(--text-sm);color:var(--color-gray-600);margin:0}@media(max-width:768px){.footer__content{flex-direction:column;text-align:center}}.badge{display:inline-block;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em;border:var(--border-width) solid var(--color-black);background:var(--color-white);white-space:nowrap}.badge--default{border-color:var(--color-gray-400);color:var(--color-gray-600)}.badge--success{border-color:var(--color-success);color:var(--color-success)}.badge--warning{border-color:var(--color-warning);color:var(--color-warning)}.badge--accent{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-white)}.hero{min-height:100vh;display:flex;align-items:center;padding-top:80px;background:var(--color-white)}.hero__content{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-12);align-items:center}.hero__tagline{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--color-gray-600);margin-bottom:var(--space-2);font-weight:var(--font-medium)}.hero__title{font-size:var(--text-6xl);line-height:1.1;margin-bottom:var(--space-6);font-weight:var(--font-bold);letter-spacing:-.03em}.hero__focus{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.hero__actions{display:flex;gap:var(--space-3)}.hero__visual{display:flex;align-items:center;justify-content:center}.hero__grid{display:grid;grid-template-columns:repeat(3,80px);grid-template-rows:repeat(3,80px);gap:var(--space-2)}.grid-item{border:var(--border-width) solid var(--color-gray-300);background:var(--color-white);transition:all var(--transition-base)}.grid-item--accent{background:var(--color-black);border-color:var(--color-black)}.hero__grid:hover .grid-item{transform:scale(.95)}.hero__grid:hover .grid-item--accent{transform:scale(1.05)}@media(max-width:968px){.hero__content{grid-template-columns:1fr;gap:var(--space-8)}.hero__title{font-size:var(--text-4xl)}.hero__visual{order:-1}.hero__grid{grid-template-columns:repeat(3,60px);grid-template-rows:repeat(3,60px)}}@media(max-width:640px){.hero__title{font-size:var(--text-3xl)}.hero__actions{flex-direction:column}.hero__actions .btn{width:100%}}.card{border:var(--border-width) solid var(--color-black);padding:var(--space-4);background:var(--color-white);transition:all var(--transition-base)}.card--hover{cursor:pointer}.card--hover:hover{background:var(--color-gray-100);transform:translateY(-2px);box-shadow:4px 4px 0 var(--color-black)}.card--hover:active{transform:translateY(0);box-shadow:2px 2px 0 var(--color-black)}.about__header{margin-bottom:var(--space-8)}.about__subtitle{color:var(--color-gray-600);font-size:var(--text-lg);max-width:60ch}.about__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-4)}.skill-category__title{margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:var(--border-width) solid var(--color-black)}.skills-list{display:flex;flex-direction:column;gap:var(--space-3)}.skill-item__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-1)}.skill-item__name{font-weight:var(--font-medium);font-size:var(--text-sm)}.skill-item__level{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-gray-600)}.skill-item__bar{height:2px;background:var(--color-gray-200);position:relative;overflow:hidden}.skill-item__progress{height:100%;background:var(--color-black);transition:width 1s cubic-bezier(.4,0,.2,1)}.projects{background:var(--color-gray-100)}.projects__header{margin-bottom:var(--space-8)}.projects__subtitle{color:var(--color-gray-600);font-size:var(--text-lg);max-width:60ch}.projects__filters{margin-bottom:var(--space-8);display:flex;flex-direction:column;gap:var(--space-3)}.filter-group{display:flex;gap:var(--space-2);flex-wrap:wrap}.search-input,.filter-select{padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-black);background:var(--color-white);font-family:var(--font-sans);font-size:var(--text-sm);transition:all var(--transition-fast)}.search-input{flex:1;min-width:300px}.search-input:focus,.filter-select:focus{outline:none;box-shadow:0 0 0 2px var(--color-black)}.filter-select{cursor:pointer;min-width:150px}.projects__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.projects__empty{text-align:center;padding:var(--space-12);color:var(--color-gray-600)}.project-card{display:flex;flex-direction:column;gap:var(--space-3);height:100%}.project-card__header{display:flex;flex-direction:column;gap:var(--space-2)}.project-card__title{font-size:var(--text-xl);font-weight:var(--font-bold)}.project-card__badges{display:flex;gap:var(--space-1);flex-wrap:wrap}.project-card__summary{color:var(--color-gray-700);line-height:1.6}.project-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.project-tag{padding:var(--space-1) var(--space-2);background:var(--color-gray-200);font-size:var(--text-xs);font-family:var(--font-mono)}.project-card__links{margin-top:auto;padding-top:var(--space-2);border-top:var(--border-width) solid var(--color-gray-200)}.project-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-black);text-decoration:none;border-bottom:1px solid var(--color-black);transition:opacity var(--transition-fast)}.project-link:hover{opacity:.6}@media(max-width:768px){.search-input{min-width:100%}.filter-select{flex:1}.projects__grid{grid-template-columns:1fr}}.stack__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-12)}.stack__section h2{margin-bottom:var(--space-6)}.stack__content{display:flex;flex-direction:column;gap:var(--space-4)}.stack__title{font-size:var(--text-lg);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:var(--border-width) solid var(--color-black)}.stack__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2);padding-left:0}.stack__list li{position:relative;padding-left:var(--space-3);color:var(--color-gray-700)}.stack__list li:before{content:"•";position:absolute;left:0;color:var(--color-black);font-weight:var(--font-bold)}.social-links{display:flex;flex-direction:column;gap:var(--space-3)}.social-link{display:block;padding:var(--space-4);border:var(--border-width) solid var(--color-black);background:var(--color-white);text-decoration:none;color:var(--color-black);transition:all var(--transition-base)}.social-link:hover{background:var(--color-gray-100);transform:translate(4px)}.social-link__content{display:flex;flex-direction:column;gap:var(--space-1)}.social-link__header{display:flex;justify-content:space-between;align-items:center}.social-link__platform{font-weight:var(--font-bold);font-size:var(--text-base)}.social-link__arrow{font-size:var(--text-lg);transition:transform var(--transition-fast)}.social-link:hover .social-link__arrow{transform:translate(4px)}.social-link__username{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-gray-600)}.social-link__description{font-size:var(--text-sm);color:var(--color-gray-600);margin:0}@media(max-width:968px){.stack__grid{grid-template-columns:1fr}}.contact{background:var(--color-gray-100)}.contact__content{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--space-12);align-items:start}.contact__description{color:var(--color-gray-600);font-size:var(--text-lg);max-width:40ch}.contact__info{display:flex;flex-direction:column;gap:var(--space-6)}.contact__item{display:flex;flex-direction:column;gap:var(--space-2)}.contact__label{font-size:var(--text-sm);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-600)}.contact__value{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.contact__code{font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);background:var(--color-white);border:var(--border-width) solid var(--color-black);color:var(--color-black)}.contact__code--fingerprint{font-size:var(--text-xs);word-break:break-all}.contact__actions{display:flex;gap:var(--space-2)}@media(max-width:968px){.contact__content{grid-template-columns:1fr}}