:root{--bg-dark: #0f131a;--accent: #00ffaa;--color-graphic: #aa55ff;--color-photo: #ffaa00;--card-bg: #161b22;--font-main: "Plus Jakarta Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-dot: "Rubik", sans-serif}body{background-color:var(--bg-dark);color:#fff;font-family:var(--font-main);scroll-behavior:smooth}.mono{font-family:var(--font-mono)}.sq-dot{font-family:var(--font-dot)!important;font-weight:800;line-height:inherit}.hero-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,#00ffaa14,#0f131a00 70%);z-index:-1}.portrait-container{position:relative;width:100%;max-width:450px;display:flex;justify-content:center;align-items:center}.html-bracket{font-family:var(--font-mono);font-size:8rem;font-weight:200;color:var(--accent);opacity:.15;line-height:1;-webkit-user-select:none;user-select:none;position:absolute;transition:opacity .3s ease}.bracket-left{left:-40px}.bracket-right{right:-40px}.bento-card{background:var(--card-bg);border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.bento-card:hover{transform:translateY(-4px);border-color:#ffffff1a}.filter-btn{border:1px solid transparent;opacity:.5}.filter-btn:hover{opacity:1}.filter-btn[data-cat=all].active{background:#fff;color:#000;opacity:1}.filter-btn[data-cat=code].active{background:var(--accent);color:#000;opacity:1}.filter-btn[data-cat=graphic].active{background:var(--color-graphic);color:#000;opacity:1}.filter-btn[data-cat=photo].active{background:var(--color-photo);color:#000;opacity:1}.status-pulse-group{display:inline-flex;align-items:baseline;gap:.4rem;animation:pulse-glow 2s infinite ease-in-out;color:var(--accent)}@keyframes pulse-glow{0%{opacity:1;filter:drop-shadow(0 0 2px var(--accent))}50%{opacity:.7;filter:drop-shadow(0 0 12px var(--accent))}to{opacity:1;filter:drop-shadow(0 0 2px var(--accent))}}.accent-text{color:var(--accent)}.project-img-container{width:100%;aspect-ratio:16/9;background:#0a0e14;border-radius:12px;overflow:hidden;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.03)}.project-img-container img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:transform .5s ease,opacity .3s ease}.bento-card:hover .project-img-container img{transform:scale(1.05);opacity:1}.grid-item{transition:all .4s ease}.hidden-item{display:none;opacity:0;transform:scale(.95)}.zwebikova-banner{background:#00ffaa08;border-bottom:1px solid rgba(255,255,255,.05);padding:12px 20px;text-align:center}.blog-row{border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease}.blog-row:hover{background:#ffffff05;padding-left:8px}.blog-dot{color:#4b5563}.blog-row:hover .blog-dot{color:#9ca3af}@media(max-width:768px){.html-bracket{font-size:5rem}.bracket-left{left:-10px}.bracket-right{right:-10px}}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.5,0,0,1)}.reveal.active{opacity:1;transform:translateY(0)}