.header-link{color:var(--color-neutral);font-size:var(--fontSize-small);text-transform:uppercase;font-family:var(--fontFamily-title);text-decoration:none;display:inline-block}.header-link:visited{color:#f0f8ff}.header-link.active{color:var(--color-tertiary);text-decoration:var(--textDecoration-underline)}@media screen and (width<=768px){.header-link{font-size:var(--fontSize-medium)}}.Header{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #0000;border-image:linear-gradient(90deg, var(--color-tertiary), var(--color-accent-cyan)) 1;background:#0a0a0ce0;padding:.4rem 1rem;position:sticky;top:0}.Header .logo-container{width:200px}.Header .logo{height:50px;color:var(--color-neutral);flex-direction:row;align-items:center;gap:.5rem;text-decoration:none;transition:all .3s;display:flex}.Header .logo:hover{text-shadow:-1px 0 var(--color-accent-cyan), 1px 0 var(--color-tertiary);animation:.3s glitch}.Header .logo:visited{color:var(--color-neutral)}.Header .logo img{box-shadow:var(--boxShadow-small);border-radius:50%;width:32px;height:32px;margin:0;padding:0}.Header .logo div{font-family:var(--fontFamily-title);letter-spacing:.05em;font-size:1.1rem}.Header nav{z-index:101;background:#0a0a0cfa;flex-direction:column;width:100%;max-height:0;transition:max-height .3s ease-out;display:flex;position:relative;overflow:hidden}.Header nav.active{max-height:500px;transition:max-height .3s ease-in}.Header nav a{color:var(--color-neutral);font-family:var(--fontFamily-mono);letter-spacing:.03em;border-bottom:1px solid var(--border-subtle);transition:color var(--transition-fast);padding:.75rem 1rem;font-size:.85rem;text-decoration:none;display:block}.Header nav a:last-child{border-bottom:none}.Header nav a:hover,.Header nav a.active{color:var(--color-tertiary)}.Header .lang-switch{font-family:var(--fontFamily-mono);border:1px solid var(--color-accent-cyan);border-radius:var(--borderRadius-small);color:var(--color-accent-cyan);text-align:center;transition:all var(--transition-fast);width:fit-content;margin:.5rem 1rem;padding:.2rem .5rem;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-block}.Header .lang-switch:hover{background-color:var(--color-accent-cyan);color:var(--backgroundColor-primary)}.Header .lang-switch:visited{color:var(--color-accent-cyan)}.Header .header-controls{z-index:2;align-items:center;gap:.75rem;display:flex;position:absolute;top:.4rem;right:1rem}.Header .menu-toggle{cursor:pointer;padding:.5rem;display:block}.Header .menu-toggle span{background-color:var(--color-neutral);border-radius:4px;width:22px;height:1px;margin:6px auto;transition:all .3s ease-in-out;display:block}.Header .menu-toggle.active span:first-child{transform:rotate(45deg)translate(4px,4px)}.Header .menu-toggle.active span:nth-child(2){opacity:0}.Header .menu-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}@media (width>=769px){.Header{justify-content:space-between;align-items:center;padding:.3rem 2rem;display:flex}.Header nav{background:0 0;flex-direction:row;align-items:center;gap:.25rem;width:auto;max-height:none;overflow:visible}.Header nav a{border-bottom:none;padding:.4rem .75rem;font-size:.8rem;position:relative}.Header nav a:after{content:"";background:linear-gradient(90deg, var(--color-tertiary), var(--color-accent-cyan));width:0;height:1px;transition:width var(--transition-fast);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.Header nav a:hover:after,.Header nav a.active:after{width:80%}.Header .lang-switch{margin:0 0 0 .5rem}.Header .menu-toggle{display:none}.Header .header-controls{position:static}}footer{gap:var(--space-medium);margin:var(--space-large) auto;max-width:95%;padding:var(--space-large);border-radius:var(--borderRadius-medium);background-color:var(--backgroundColor-secondary);color:var(--color-neutral);font-size:var(--fontSize-small);border-top:1px solid #0000;border-image:linear-gradient(90deg, var(--color-tertiary), var(--color-accent-cyan)) 1;grid-template-columns:1fr;display:grid}footer h3{font-family:var(--fontFamily-title);font-size:var(--fontSize-medium);color:var(--color-tertiary)}footer ul{margin:0;padding:0;list-style:none}footer li{margin-bottom:var(--space-small)}footer a{font-family:var(--fontFamily-mono);font-size:var(--fontSize-very-small);color:var(--color-neutral);transition:color var(--transition-fast);text-decoration:none}footer a:hover{color:var(--color-accent-cyan)}footer .tagline{font-family:var(--fontFamily-mono);font-size:var(--fontSize-very-small);color:var(--color-secondary);margin-top:var(--space-medium);font-style:italic}@media (width>=769px){footer{gap:var(--space-large);grid-template-columns:.75fr 1.25fr;max-width:80%}}@media (width>=1024px){footer{max-width:70%}}.Title{max-width:90%;margin:var(--space-large) auto var(--space-medium);flex-direction:column;align-items:center;display:flex}.Title h1{text-align:center;color:var(--color-tertiary);font-size:var(--fontSize-extraLarge);font-weight:var(--fontWeight-800);margin:var(--space-small) auto;padding:0 var(--space-medium);padding-bottom:var(--space-small);border-bottom:2px solid var(--color-accent-muted);background:0 0;border-radius:0;display:inline-block;position:relative}@media (width>=769px){.Title{max-width:60%}}.BlogPost{margin-top:var(--space-medium);flex-direction:column;gap:.1rem;display:flex}.BlogPost .author{text-align:center;font-size:var(--fontSize-very-small);color:var(--color-secondary);font-family:var(--fontFamily-mono)}.BlogPost .author .description{font-size:var(--fontSize-very-micro);margin-top:2px}.BlogPost .info{flex-direction:column;max-width:90%;margin:0 auto;display:flex;position:relative}.BlogPost .info .cover-image{width:100%;position:relative}.BlogPost .info .cover-image img{width:100%;box-shadow:var(--boxShadow-medium);border-radius:var(--borderRadius-medium);margin-bottom:var(--space-medium);display:block}.BlogPost .info .metadata{bottom:var(--space-medium);left:var(--space-small);width:calc(100% - var(--space-small) * 2);justify-content:space-between;align-items:center;gap:var(--space-small);flex-flow:wrap;display:flex;position:absolute}.BlogPost .info .metadata .tags{font-size:var(--fontSize-very-micro);color:var(--color-neutral);padding:var(--space-small);border-radius:var(--borderRadius-small)}.BlogPost .info .metadata .date{font-family:var(--fontFamily-mono);font-size:var(--fontSize-very-micro);color:#e8e6e1;padding:var(--space-small) .5rem;border-radius:var(--borderRadius-small);backdrop-filter:blur(4px);background-color:#000000b3}.BlogPost .prose{margin:var(--space-large) auto;max-width:90%;color:var(--color-neutral);font-size:var(--fontSize-small);font-weight:var(--fontWeight-400);line-height:var(--lineHeight-loose);white-space:normal}.BlogPost .prose img{margin:var(--space-large) 0;max-width:100%;box-shadow:var(--boxShadow-small);border-radius:var(--borderRadius-medium)}.BlogPost .prose .avatar{margin:var(--space-medium) auto;float:left;width:100px;max-width:100%;height:100px;box-shadow:var(--boxShadow-small);margin-right:var(--space-xlarge);border-radius:50%}.BlogPost .prose .img-container{text-align:center}.BlogPost .prose .img-container img{margin-bottom:var(--space-large)}.BlogPost .prose .pic-caption{flex-direction:column;justify-content:center;align-items:center;display:flex}.BlogPost .prose .pic-caption img{margin-bottom:var(--space-small)}.BlogPost .prose .pic-caption .caption{text-align:center;text-transform:uppercase;color:var(--color-secondary);font-family:var(--fontFamily-mono);font-size:var(--fontSize-very-small);margin-top:var(--space-small);margin-bottom:var(--space-medium)}@media (width>=769px){.BlogPost .info{max-width:70%}.BlogPost .prose{max-width:65%}}@media (width>=1024px){.BlogPost .info{max-width:65%}.BlogPost .prose{max-width:55%}}
