@font-face{font-family:Digital Pixel;src:url(../fonts/Digital_Pixel_V124/DigitalPixelV124-Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--destructive:oklch(57.7% .245 27.325);--destructive-foreground:oklch(57.7% .245 27.325);--radius:.625rem;--font-pixel:"Digital Pixel","JetBrains Mono","Space Mono","Courier New",monospace;--font-primary:"JetBrains Mono","Space Mono","Courier New",monospace;--font-secondary:"Space Mono","JetBrains Mono","Courier New",monospace;--background:oklch(8% .01 280);--foreground:oklch(90% .1 280);--card:oklch(12% .02 280);--card-foreground:oklch(90% .1 280);--primary:oklch(70% .3 280);--primary-foreground:oklch(8% .01 280);--secondary:oklch(65% .25 320);--secondary-foreground:oklch(95% .1 280);--muted:oklch(20% .05 280);--muted-foreground:oklch(60% .15 190);--accent:oklch(70% .25 190);--accent-foreground:oklch(8% .01 280);--border:oklch(20% .05 280);--input:oklch(15% .02 280);--ring:oklch(70% .3 280);--warm-orange:oklch(68% .22 45);--warm-yellow:oklch(80% .2 90);--warm-red:oklch(55% .25 15);--muted-gray:oklch(35% .02 280)}*{box-sizing:border-box}body{font-family:var(--font-primary);background-color:var(--background);color:var(--foreground);min-height:100dvh;margin:0;padding:0}.container{grid-template-columns:1fr;place-self:center;row-gap:2rem;width:min(75%,960px);min-height:100dvh;margin:auto;padding:2rem;display:grid;position:relative;overflow:hidden}@media (width<=768px){.container{row-gap:1rem;width:100%;padding:1rem}}.pixel-font{font-family:var(--font-pixel);letter-spacing:.15em;text-shadow:0 0 10px #c864ff99;font-weight:400}.cyber-glow{text-shadow:0 0 8px #c864ffcc,0 0 16px #ff009666}.font-normal{font-weight:400}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-alt{font-family:var(--font-secondary)}.decorative-shape{pointer-events:none;opacity:.15;z-index:0;font-size:3rem;position:fixed}.shape-1,.shape-2,.shape-3,.shape-4,.shape-5,.shape-6,.shape-7,.shape-8{top:var(--top);left:var(--left);font-size:var(--font-size);opacity:var(--opacity);transform:var(--transform);animation:pulse var(--animation-duration)ease-in-out infinite}@media (prefers-reduced-motion:reduce){[class*=shape-]{animation:none}}@keyframes pulse{0%,to{opacity:.25}50%{opacity:.4}}.header{z-index:10;position:relative;& .header-content{grid-template-columns:auto minmax(100px,1fr);place-items:start end;gap:1rem;display:grid}& .header-left{align-items:center;gap:.75rem;display:flex}& .header-text{flex-direction:column;gap:.5rem;display:flex}& .site-title{margin:0;font-size:xx-large}& .site-title-link{color:var(--primary);text-shadow:0 0 6px color-mix(in oklab,var(--primary)30%,transparent),0 0 12px color-mix(in oklab,var(--primary)20%,transparent);text-decoration:underline;transition:transform .25s,text-shadow .25s;&:hover{text-shadow:0 0 20px color-mix(in oklab,var(--primary)50%,transparent),0 0 40px color-mix(in oklab,var(--primary)40%,transparent)}}& .site-subtitle{color:var(--accent);font-size:.75rem;& p{margin:0}}& .avatar-box{border:3px solid var(--accent);flex-shrink:0;width:12rem;height:8rem}& .avatar{object-fit:cover;width:100%;height:100%}}@media (width<=768px){.header{& .site-title{font-size:2rem}& .site-subtitle{font-size:.5rem}& .avatar-box{width:6rem}}}.pixel-object{image-rendering:pixelated;backface-visibility:hidden}picture{width:100%;height:100%;display:block}picture img{object-fit:cover;width:100%;height:100%}.main{z-index:10;grid-template-columns:1fr;row-gap:1rem;max-width:80rem;margin:0 auto;display:grid;position:relative}.section{image-rendering:pixelated;border:3px solid;padding:1rem}.section-about{border-color:var(--secondary)}.section-publicity{border-color:var(--primary)}.section-contact{border-color:var(--warm-yellow)}.section-title{color:var(--secondary-foreground);margin-block-end:1.5rem;font-size:1.5rem;font-weight:700}.section-content{color:color-mix(in oklch,var(--foreground)90%,transparent);flex-direction:column;gap:1rem;font-size:.875rem;line-height:1.6;display:flex;& p{margin:0}}@media (width>=768px){.section-content{font-size:1rem}}.projects-list{flex-direction:column;gap:1rem;display:flex}.project-card{background-color:var(--card);border:2px solid var(--muted);padding:1.5rem;& .project-header a{color:var(--primary);text-decoration:underline}}.project-thumbnail{object-fit:cover;image-rendering:auto;width:100%;height:auto;transition:transform .2s;display:block}.project-card:hover .project-thumbnail{transform:scale(1.02)}.project-header{justify-content:space-between;align-items:flex-start;margin-block-end:.75rem;display:flex}.project-title{color:var(--primary);margin:0;font-size:1.125rem;font-weight:700;transition:text-shadow .12s,color .12s;&:hover{text-shadow:0 0 20px color-mix(in oklab,var(--primary)50%,transparent),0 0 40px color-mix(in oklab,var(--primary)40%,transparent)}}.project-description{color:color-mix(in oklch,var(--foreground)80%,transparent);margin:0;font-size:.875rem}.contact-buttons{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.contact-link{font-family:var(--font-pixel);text-transform:none;color:var(--primary);text-underline-offset:3px;box-shadow:none;-webkit-tap-highlight-color:transparent;text-transform:uppercase;background:0 0;border:none;border-radius:4px;margin:0;padding:6px 8px;font-size:.85rem;line-height:1;text-decoration:underline 1px;transition:transform .12s,text-shadow .12s,color .12s;display:inline-block}.contact-link:hover,.contact-link:focus{text-shadow:0 0 8px color-mix(in oklab,var(--primary)30%,transparent);color:color-mix(in oklch,var(--primary)85%,transparent);outline:none;transform:translateY(-2px)}.contact-link:active{transform:translateY(0)}@media (width<=767px){.contact-link{padding:8px 10px;font-size:.95rem}}.footer{text-align:center;color:var(--muted-foreground);border-top:3px solid var(--muted);z-index:10;padding-top:2rem;font-size:.75rem;position:relative;& p{justify-content:center;align-items:center;margin:auto;display:flex}& img{user-select:none;height:2rem;margin-inline:0 .25rem}}