*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--surface);line-height:1.7;min-height:100vh;overflow-x:hidden}::selection{background:var(--accent);color:var(--surface)}a{color:var(--accent);text-decoration:none;transition:color .25s cubic-bezier(.22,1,.36,1)}a:hover{color:var(--accent-hover)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--text-primary);letter-spacing:-.02em}h1{font-size:clamp(2.2rem,5vw,3.5rem)}h2{font-size:clamp(1.6rem,3.5vw,2.4rem)}h3{font-size:clamp(1.25rem,2.5vw,1.75rem)}h4{font-size:1.25rem}p{margin-bottom:1rem;color:var(--text-secondary)}strong{color:var(--text-primary);font-weight:600}ul,ol{padding-left:1.5rem;margin-bottom:1rem;color:var(--text-secondary)}li{margin-bottom:.25rem}li::marker{color:var(--accent)}blockquote{border-left:3px solid var(--accent);padding:1rem 1.5rem;margin:2.5rem 0;background:var(--surface-raised);border-radius:0 8px 8px 0}blockquote p{color:var(--text-primary);font-style:italic;margin-bottom:0}hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}img{max-width:100%;height:auto;display:block;border-radius:8px}table{width:100%;border-collapse:collapse;margin:2.5rem 0;font-size:.9rem}th{text-align:left;padding:.5rem 1rem;border-bottom:2px solid var(--border);font-family:var(--font-display);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary)}td{padding:.5rem 1rem;border-bottom:1px solid var(--border);color:var(--text-secondary)}tr:hover td{background:var(--surface-raised)}code{font-family:var(--font-mono);font-size:.85em;background:var(--surface-raised);color:var(--accent);padding:2px 6px;border-radius:4px;border:1px solid var(--border)}pre{background:var(--surface-raised);border:1px solid var(--border);border-radius:8px;padding:1.5rem;overflow-x:auto;margin:2.5rem 0}pre code{background:transparent;border:none;padding:0;font-size:.85rem;color:var(--text-primary);line-height:1.65}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.content-width{max-width:780px;margin:0 auto}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#09090bd9;backdrop-filter:blur(16px) saturate(1.6);-webkit-backdrop-filter:blur(16px) saturate(1.6);border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;justify-content:space-between;height:64px}.nav__brand{font-family:var(--font-display);font-weight:800;font-size:1.15rem;color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:.5rem;letter-spacing:-.03em}.nav__brand:hover{color:var(--accent)}.brand-dot{display:inline-block;width:8px;height:8px;background:var(--accent);border-radius:50%;animation:pulse-dot 2.5s ease infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.nav__links{display:flex;align-items:center;gap:.25rem;list-style:none;padding:0;margin:0}.nav__link{font-family:var(--font-display);font-size:.85rem;font-weight:500;color:var(--text-secondary);text-decoration:none;padding:.25rem .5rem;border-radius:4px;transition:all .25s cubic-bezier(.22,1,.36,1);letter-spacing:.01em}.nav__link:hover,.nav__link.active{color:var(--text-primary);background:var(--surface-raised)}.nav__link--external:after{content:" ↗";font-size:.75em;opacity:.5}.nav__toggle{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:.25rem}.nav__toggle span{display:block;width:20px;height:2px;background:currentColor;margin:5px 0;border-radius:1px;transition:all .25s ease}@media(max-width:768px){.nav__toggle{display:block}.nav__links{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;background:var(--surface-raised);border-bottom:1px solid var(--border);padding:1rem;gap:.25rem}.nav__links.open{display:flex}.nav__link{padding:.5rem 1rem;width:100%}}main{padding-top:calc(64px + 2.5rem);min-height:calc(100vh - 64px)}.site-footer{border-top:1px solid var(--border);padding:2.5rem 0;margin-top:4rem}.footer__inner{display:flex;justify-content:space-between;align-items:flex-start;gap:2.5rem;flex-wrap:wrap}.footer__brand{font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--text-primary);margin-bottom:.5rem}.footer__copy{font-size:.8rem;color:var(--text-muted)}.footer__links{display:flex;gap:1.5rem;list-style:none;padding:0;margin:0}.footer__link{font-size:.85rem;color:var(--text-secondary);text-decoration:none}.footer__link:hover{color:var(--accent)}.grid{display:grid;gap:1.5rem}.grid--2{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.grid--3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.section{margin-bottom:4rem}.section__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:2.5rem;flex-wrap:wrap;gap:.5rem}.section__title{font-size:clamp(1.1rem,2vw,1.4rem);font-weight:700;letter-spacing:-.02em}.section__subtitle{font-size:.85rem;color:var(--text-muted);font-family:var(--font-mono)}.section__link{font-size:.85rem;font-weight:500;color:var(--text-muted)}.section__link:hover{color:var(--accent)}.section__link:after{content:" →"}.tag{display:inline-block;font-family:var(--font-mono);font-size:.7rem;font-weight:500;color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);padding:2px 10px;border-radius:100px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.tag--cyber{--accent: #00BFFF}.tag--linux{--accent: #FFB800}.tag--martial-arts{--accent: #EF4444}.tag--business{--accent: #22C55E}.tag--proxmox{--accent: #E77000}.tag--docker{--accent: #2496ED}.tag--networking{--accent: #A855F7}.tags{display:flex;flex-wrap:wrap;gap:.25rem}.card{background:var(--surface-raised);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all .25s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);opacity:0;transition:opacity .25s ease}.card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.card:hover:before{opacity:1}.card__title{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.card__description{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.card__meta{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.card__link{text-decoration:none;color:inherit;display:block}.card__link:hover{color:inherit}.project-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .35s cubic-bezier(.22,1,.36,1)}.project-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:0 16px 48px -12px #00000080}.project-card:hover .project-card__image img{transform:scale(1.03)}.project-card__image{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--surface-overlay)}.project-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1);border-radius:0}.project-card__body{padding:1.5rem}.project-card__category{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:.5rem}.project-card__title{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.project-card__description{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.note-card{display:flex;align-items:flex-start;gap:1.5rem;padding:1.5rem 0;border-bottom:1px solid var(--border);transition:all .25s ease}.note-card:first-child{padding-top:0}.note-card:last-child{border-bottom:none}.note-card:hover .note-card__title{color:var(--accent)}.note-card__date{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);white-space:nowrap;min-width:90px;padding-top:3px}.note-card__body{flex:1}.note-card__title{font-size:1.05rem;font-weight:600;margin-bottom:.25rem;transition:color .25s ease}.note-card__excerpt{font-size:.88rem;color:var(--text-secondary);line-height:1.6}.note-card__link{text-decoration:none;color:inherit;display:block}.note-card__link:hover{color:inherit}.hero{padding:4rem 0;position:relative}.hero__overline{font-family:var(--font-mono);font-size:.8rem;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.hero__overline:before{content:"";display:inline-block;width:24px;height:1px;background:var(--accent)}.hero__title{max-width:720px;margin-bottom:1.5rem;font-weight:800;letter-spacing:-.035em}.hero__subtitle{font-size:clamp(1rem,2vw,1.2rem);color:var(--text-secondary);max-width:560px;line-height:1.7;margin-bottom:2.5rem}.hero__actions{display:flex;gap:1rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:600;font-size:.88rem;padding:10px 24px;border-radius:4px;border:1px solid transparent;cursor:pointer;transition:all .25s cubic-bezier(.22,1,.36,1);text-decoration:none;letter-spacing:.01em}.btn--primary{background:var(--accent);color:var(--surface);border-color:var(--accent)}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--surface);transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--text-secondary);border-color:var(--border)}.btn--ghost:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--surface-raised)}.page-header{margin-bottom:2.5rem;padding-bottom:2.5rem;border-bottom:1px solid var(--border)}.page-header__title{margin-bottom:.5rem}.page-header__description{font-size:1.05rem;color:var(--text-secondary);max-width:600px}.post-content h2{margin-top:2.5rem;margin-bottom:1rem;padding-top:1.5rem;border-top:1px solid var(--border)}.post-content h3{margin-top:2.5rem;margin-bottom:1rem}.post-content img{margin:2.5rem 0;border:1px solid var(--border)}.post-content a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--accent) 30%,transparent)}.post-content a:hover{text-decoration-color:var(--accent)}.filter-bar{display:flex;gap:.25rem;flex-wrap:wrap;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.filter-btn{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);background:transparent;border:1px solid var(--border);padding:4px 14px;border-radius:100px;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;transition:all .25s ease}.filter-btn:hover,.filter-btn.active{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.glow{position:fixed;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 4%,transparent) 0%,transparent 70%);pointer-events:none;z-index:-1}.glow--bottom{inset:auto auto -300px -200px}.fade-in{opacity:0;transform:translateY(12px);animation:fadeIn .6s cubic-bezier(.22,1,.36,1) forwards}.fade-in--1{animation-delay:.08s}.fade-in--2{animation-delay:.16s}.fade-in--3{animation-delay:.24s}.fade-in--4{animation-delay:.32s}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}