.about-page{max-width:800px;margin:0 auto;padding:2rem 1rem}.page-header{text-align:center;margin-bottom:3rem;padding:0 1rem}.page-title{font-family:var(--font-heading-primary);font-size:clamp(2rem,5vw,2.5rem);font-weight:300;color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;line-height:1.1}.page-description{font-family:var(--font-heading-secondary);font-size:1rem;font-weight:400;line-height:1.5;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem;max-width:500px;margin-left:auto;margin-right:auto}.page-rule{height:1px;border:none;margin:0 auto;flex:1;max-width:100px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent)}.content-section{font-size:1.125rem;line-height:1.7;margin-bottom:calc(var(--grid-unit) * 6)}.content-section :global(h1){font-family:var(--font-heading-primary);font-size:2.5rem;font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.15em;margin-top:calc(var(--grid-unit) * 6);margin-bottom:calc(var(--grid-unit) * 3)}.content-section :global(h2){font-family:var(--font-heading-secondary);font-size:2rem;font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.1em;margin-top:calc(var(--grid-unit) * 6);margin-bottom:calc(var(--grid-unit) * 3)}.content-section :global(h3){font-family:var(--font-heading-secondary);font-size:1.5rem;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.08em;margin-top:calc(var(--grid-unit) * 4);margin-bottom:calc(var(--grid-unit) * 2)}.content-section :global(p){margin-bottom:calc(var(--grid-unit) * 3)}.content-section :global(blockquote){border-left:4px solid var(--color-accent);padding:calc(var(--grid-unit) * 2) calc(var(--grid-unit) * 3);margin:calc(var(--grid-unit) * 4) 0;background-color:var(--color-surface);font-style:italic;font-size:1.1rem;color:var(--color-text-secondary)}.content-section :global(pre){background-color:#000;color:#fff;padding:calc(var(--grid-unit) * 3);margin:calc(var(--grid-unit) * 4) 0;border-radius:8px;overflow-x:auto;font-family:var(--font-mono);font-size:.9rem;line-height:1.5}.content-section :global(pre code){background:none;border:none;padding:0;color:inherit;font-size:inherit}.content-section :global(.token.selector),.content-section :global(.token.tag){color:gold!important}.content-section :global(.token.property),.content-section :global(.token.class-name),.content-section :global(.token.function){color:var(--color-accent)!important}.content-section :global(.token.punctuation),.content-section :global(.token.brace),.content-section :global(.token.bracket){color:#ccc!important}.content-section :global(.token.string),.content-section :global(.token.attr-value),.content-section :global(.token.url){color:#fc0!important}.content-section :global(.token.comment){color:#888!important;font-style:italic}.content-section :global(.token.number),.content-section :global(.token.boolean){color:#66d9ef!important}.content-section :global(pre[class*=language-]){background:#000!important;color:#fff!important}.content-section :global(code[class*=language-]){background:#000!important;color:#fff!important}.content-section :global(code){font-family:var(--font-mono);font-size:.9em;background-color:var(--color-surface);color:var(--color-accent);padding:2px 6px;border-radius:4px;border:1px solid var(--color-border);font-weight:600}.content-section :global(img){border:2px solid var(--color-border);margin:calc(var(--grid-unit) * 4) 0;border-radius:4px;max-width:100%;height:auto;display:block;margin-left:auto;margin-right:auto}.content-section :global(ul),.content-section :global(ol){margin-bottom:calc(var(--grid-unit) * 3);padding-left:calc(var(--grid-unit) * 3)}.content-section :global(li){margin-bottom:calc(var(--grid-unit) / 2)}.content-section :global(strong){font-weight:600;color:var(--color-text-primary)}.content-section :global(em){font-style:italic}.content-section :global(hr){height:2px;background-color:var(--color-accent);border:none;margin:calc(var(--grid-unit) * 4) 0}.post-footer{border-top:1px solid var(--color-border);padding-top:calc(var(--grid-unit) * 3);display:flex;flex-direction:column;gap:calc(var(--grid-unit) * 3)}.post-tags{display:flex;flex-direction:column;gap:calc(var(--grid-unit))}@media (max-width: 768px){.about-page{padding:1rem}.content-section h2{font-size:1.5rem}.content-section p,.content-section li{font-size:1.3rem}.content-section blockquote{font-size:1.1rem}}