.page-module__q81_BW__main{padding-top:104px;padding-bottom:var(--spacing-xl);width:100%;max-width:1200px;padding-left:var(--spacing-md);padding-right:var(--spacing-md);flex:1;margin:0 auto}@media (min-width:768px){.page-module__q81_BW__main{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}.page-module__q81_BW__pageHeader{border:4px solid var(--border-color);box-shadow:var(--shadow-md);background:var(--color-surface);margin-bottom:var(--spacing-lg);padding:32px}@media (min-width:768px){.page-module__q81_BW__pageHeader{padding:48px}}.page-module__q81_BW__pageTitle{text-transform:uppercase;letter-spacing:-.04em;color:var(--color-on-surface);margin-bottom:var(--spacing-sm);font-family:Inter,sans-serif;font-size:48px;font-weight:900}@media (min-width:768px){.page-module__q81_BW__pageTitle{font-size:72px}}.page-module__q81_BW__pageDesc{color:var(--color-on-surface);border-left:4px solid var(--color-primary);padding-left:var(--spacing-sm);max-width:600px;margin-bottom:var(--spacing-md);font-family:Inter,sans-serif;font-size:18px;font-weight:500;line-height:1.6}.page-module__q81_BW__filterRow{gap:var(--spacing-sm);border-top:4px solid var(--border-color);padding-top:var(--spacing-md);flex-wrap:wrap;display:flex}.page-module__q81_BW__filterBtn{text-transform:uppercase;letter-spacing:.06em;color:var(--color-on-surface);background:var(--color-surface);border:3px solid var(--border-color);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);padding:10px 20px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.page-module__q81_BW__filterBtn:hover{box-shadow:none;transform:translate(2px,2px)}.page-module__q81_BW__filterBtnActive{background:var(--color-primary);color:var(--color-on-primary)}.page-module__q81_BW__githubBtn{text-transform:uppercase;letter-spacing:.06em;color:var(--color-on-surface);background:var(--color-surface-container);border:3px solid var(--border-color);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);align-items:center;gap:6px;margin-left:auto;padding:10px 20px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.page-module__q81_BW__githubBtn:hover{background:var(--color-on-surface);color:var(--color-on-primary);box-shadow:none;transform:translate(2px,2px)}.page-module__q81_BW__projectsGrid{gap:var(--spacing-md);grid-template-columns:1fr;display:grid}@media (min-width:768px){.page-module__q81_BW__projectsGrid{grid-template-columns:repeat(2,1fr)}}.page-module__q81_BW__projectCard{border:4px solid var(--border-color);box-shadow:6px 6px 0 0 var(--border-color);background:var(--color-surface);height:100%;transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex}.page-module__q81_BW__projectCard:hover{box-shadow:8px 8px 0 0 var(--color-primary);transform:translate(-2px,-2px)}.page-module__q81_BW__projectImageArea{border-bottom:4px solid var(--border-color);height:180px;padding:var(--spacing-sm);align-items:flex-end;display:flex;position:relative}.page-module__q81_BW__imageAreaML{background:var(--color-on-surface);background-image:linear-gradient(135deg,#b1002c26 25%,#0000 25%),linear-gradient(225deg,#b1002c26 25%,#0000 25%),linear-gradient(45deg,#b1002c26 25%,#0000 25%),linear-gradient(315deg,#b1002c26 25%,#0000 25%);background-size:24px 24px;background-color:var(--border-color)}.page-module__q81_BW__imageAreaWeb{background:var(--color-primary);background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 1px),linear-gradient(#ffffff0d 1px,#0000 1px);background-size:24px 24px}.page-module__q81_BW__categoryBadge{text-transform:uppercase;letter-spacing:.08em;color:var(--color-on-primary);background:var(--color-primary);border:2px solid var(--border-color);box-shadow:2px 2px 0 0 var(--border-color);align-items:center;gap:6px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;display:inline-flex}.page-module__q81_BW__imageAreaWeb .page-module__q81_BW__categoryBadge{background:var(--color-on-surface);color:var(--color-on-primary)}.page-module__q81_BW__projectBody{gap:var(--spacing-md);flex-direction:column;flex:1;padding:32px;display:flex}.page-module__q81_BW__projectTitle{text-transform:uppercase;letter-spacing:-.02em;color:var(--color-on-surface);font-family:Inter,sans-serif;font-size:22px;font-weight:900}.page-module__q81_BW__projectDesc{color:var(--color-on-surface);border-left:4px solid var(--color-primary);padding-left:var(--spacing-sm);flex:1;font-family:Inter,sans-serif;font-size:16px;font-weight:500;line-height:1.5}.page-module__q81_BW__highlightsList{flex-direction:column;gap:6px;list-style:none;display:flex}.page-module__q81_BW__highlightItem{text-transform:uppercase;letter-spacing:.04em;color:var(--color-on-surface);align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;display:flex}.page-module__q81_BW__highlightDot{background:var(--color-primary);flex-shrink:0;width:8px;height:8px}.page-module__q81_BW__chipRow{flex-wrap:wrap;gap:8px;display:flex}.page-module__q81_BW__cardActions{gap:var(--spacing-sm);flex-wrap:wrap;margin-top:auto;display:flex}.page-module__q81_BW__actionBtn{text-transform:uppercase;letter-spacing:.06em;color:var(--color-on-surface);background:var(--color-surface);border:3px solid var(--border-color);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast);align-items:center;gap:6px;padding:10px 18px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.page-module__q81_BW__actionBtn:hover{box-shadow:none;transform:translate(2px,2px)}.page-module__q81_BW__actionBtnPrimary{background:var(--color-primary);color:var(--color-on-primary)}
.focus-container{-webkit-user-select:none;user-select:none;outline:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35em;display:inline-flex;position:relative}.focus-word{font-size:inherit;font-weight:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;transition:filter .3s,color .3s;position:relative}.focus-word.active{filter:blur()}.focus-frame{pointer-events:none;box-sizing:content-box;border:none;position:absolute;top:0;left:0}.corner{border:3px solid var(--border-color,#fff);width:.75rem;height:.75rem;filter:drop-shadow(0px 0px 4px var(--glow-color,var(--border-color,#fff)));border-radius:2px;transition:none;position:absolute}.top-left{border-bottom:none;border-right:none;top:-8px;left:-8px}.top-right{border-bottom:none;border-left:none;top:-8px;right:-8px}.bottom-left{border-top:none;border-right:none;bottom:-8px;left:-8px}.bottom-right{border-top:none;border-left:none;bottom:-8px;right:-8px}