:root{--color-white: #ffffff;--color-light-gray: #f5f5f5;--color-medium-gray: #888888;--color-dark-gray: #333333;--color-black: #000000;--color-accent-red: #dc2626;--color-background: var(--color-white);--color-surface: var(--color-light-gray);--color-text-primary: var(--color-black);--color-text-secondary: var(--color-dark-gray);--color-text-muted: var(--color-medium-gray);--color-border: var(--color-medium-gray);--color-accent: var(--color-accent-red);--font-heading-primary: "Oswald", sans-serif;--font-heading-secondary: "Roboto Condensed", sans-serif;--font-body: "Work Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--grid-unit: 8px;--max-width: 1200px;--sidebar-width: 320px;--content-padding: calc(var(--grid-unit) * 3)}[data-theme=dark]{--color-background: #0a0a0a;--color-surface: #1a1a1a;--color-text-primary: #f5f5f5;--color-text-secondary: #b8b8b8;--color-text-muted: #888888;--color-border: #333333;--color-accent: #ff3333;}html{transition:background-color .3s ease}body,a,h1,h2,h3,h4,h5,h6,p,span,div,button,input{transition:background-color .3s ease,color .3s ease,border-color .3s ease}@font-face{font-family:"Oswald";font-style:normal;font-weight:300;font-display:swap;src:url("fonts/oswald-v57-latin-300.woff2") format("woff2")}@font-face{font-family:"Oswald";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/oswald-v57-latin-regular.woff2") format("woff2")}@font-face{font-family:"Oswald";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/oswald-v57-latin-500.woff2") format("woff2")}@font-face{font-family:"Oswald";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/oswald-v57-latin-600.woff2") format("woff2")}@font-face{font-family:"Oswald";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/oswald-v57-latin-700.woff2") format("woff2")}@font-face{font-family:"Roboto Condensed";font-style:normal;font-weight:300;font-display:swap;src:url("fonts/roboto-condensed-v31-latin-300.woff2") format("woff2")}@font-face{font-family:"Roboto Condensed";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/roboto-condensed-v31-latin-regular.woff2") format("woff2")}@font-face{font-family:"Roboto Condensed";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/roboto-condensed-v31-latin-700.woff2") format("woff2")}@font-face{font-family:"Work Sans";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/work-sans-v24-latin-regular.woff2") format("woff2")}@font-face{font-family:"Work Sans";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/work-sans-v24-latin-500.woff2") format("woff2")}@font-face{font-family:"Work Sans";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/work-sans-v24-latin-600.woff2") format("woff2")}@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/jetbrains-mono-v24-latin-regular.woff2") format("woff2")}@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/jetbrains-mono-v24-latin-700.woff2") format("woff2")}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--color-text-primary);background-color:var(--color-background)}body{min-height:100vh;font-size:1rem;font-weight:400}h1,h2,h3,h4,h5,h6{font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin-bottom:calc(var(--grid-unit)*2)}h1{font-family:var(--font-heading-primary);font-size:2.5rem;font-weight:700;line-height:1.1;letter-spacing:.15em;margin-bottom:calc(var(--grid-unit)*4)}h2{font-family:var(--font-heading-secondary);font-size:2rem;font-weight:700;line-height:1.2;letter-spacing:.1em}h3{font-family:var(--font-heading-secondary);font-size:1.5rem;font-weight:600;line-height:1.3;letter-spacing:.08em}p{margin-bottom:calc(var(--grid-unit)*2);font-size:1.125rem}a{color:var(--color-accent);text-decoration:none;transition:color .2s ease}a:hover,a:focus{color:var(--color-text-primary);text-decoration:underline}.nav-link:hover,.nav-link:focus,.mobile-nav-link:hover,.mobile-nav-link:focus,.site-title:hover,.site-title:focus,.repo-button:hover,.repo-button:focus,.btn:hover,.btn:focus,.category-link:hover,.category-link:focus,.category-card:hover,.category-card:focus,.post-link:hover,.post-link:focus,.toc-link:hover,.toc-link:focus,.read-more:hover,.read-more:focus,.pagination-link:hover,.pagination-link:focus,.back-link:hover,.back-link:focus,.social-link:hover,.social-link:focus,.demo-post-title a:hover,.demo-post-title a:focus,.post-title a:hover,.post-title a:focus,.search-result-title a:hover,.search-result-title a:focus{text-decoration:none}ul,ol{margin-bottom:calc(var(--grid-unit)*2);padding-left:calc(var(--grid-unit)*3)}li{margin-bottom:calc(var(--grid-unit)/2)}blockquote{border-left:4px solid var(--color-border);padding:calc(var(--grid-unit)*2) calc(var(--grid-unit)*3);margin:calc(var(--grid-unit)*3) 0;background-color:var(--color-surface);font-style:italic}code{font-family:var(--font-mono);font-size:.9em;background-color:var(--color-surface);padding:2px 4px;border-radius:3px;border:1px solid var(--color-border)}pre{font-family:var(--font-mono);background-color:var(--color-surface);border:1px solid var(--color-border);padding:calc(var(--grid-unit)*2);margin:calc(var(--grid-unit)*3) 0;overflow-x:auto;border-radius:4px}pre code{background:none;border:none;padding:0}img{max-width:100%;height:auto;border:1px solid var(--color-border);margin:calc(var(--grid-unit)*2) 0}figcaption{font-style:italic;font-size:.9rem;color:var(--color-text-muted);text-align:center;margin-top:calc(var(--grid-unit)/2)}hr{border:none;height:4px;background-color:var(--color-accent);margin:calc(var(--grid-unit)*4) 0}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.site-wrapper{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;max-width:var(--max-width);margin:0 auto;padding:0 var(--content-padding);width:100%}.main-content.with-sidebar{display:grid;grid-template-columns:1fr;gap:calc(var(--grid-unit)*4)}.content{min-width:0;padding:calc(var(--grid-unit)*3) 0}.sidebar{order:-1;padding-top:calc(var(--grid-unit)*3)}.main-content.sidebar-right .sidebar{order:1}@media (min-width: 1024px){.main-content.with-sidebar{grid-template-columns:var(--sidebar-width) 1fr}.main-content.with-sidebar.sidebar-right{grid-template-columns:1fr var(--sidebar-width)}.sidebar{order:0;padding-top:calc(var(--grid-unit)*3)}}[data-sidebar=hidden] .sidebar{display:none}@media (min-width: 1024px){[data-sidebar=hidden] .main-content.with-sidebar,[data-sidebar=hidden] .main-content.with-sidebar.sidebar-right{grid-template-columns:1fr}}.site-header{background-color:var(--color-surface);border-bottom:2px solid var(--color-border);padding:calc(var(--grid-unit)*3) 0;position:sticky;top:0;z-index:100}.header-content{max-width:var(--max-width);margin:0 auto;padding:0 var(--content-padding);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:calc(var(--grid-unit)*2)}.site-title a{display:block;line-height:0}.title-svg{height:48px;width:auto;max-width:280px;border:none !important;margin:0 !important;}.title-text{display:inline-block;font-family:var(--font-heading-primary);font-size:1.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;line-height:1;color:var(--color-text-primary);transition:color .2s ease}.site-title a:hover .title-text,.site-title a:focus .title-text{color:var(--color-accent)}.header-controls{display:flex;align-items:center;gap:calc(var(--grid-unit)*3);flex-shrink:0}.search-toggle{background:none;border:none;color:var(--color-text-primary);padding:calc(var(--grid-unit)/2);cursor:pointer;transition:color .2s ease;display:flex;align-items:center;justify-content:center}.sidebar-toggle{background:none;border:none;color:var(--color-text-primary);padding:calc(var(--grid-unit)/2);cursor:pointer;transition:color .2s ease;display:flex;align-items:center;justify-content:center}.sidebar-toggle:hover,.sidebar-toggle:focus{color:var(--color-accent);outline:none}.sidebar-toggle:disabled{color:var(--color-text-muted);opacity:.5;cursor:default}.sidebar-toggle:disabled:hover{color:var(--color-text-muted)}@media (max-width: 1023px){.sidebar-toggle{display:none}}[data-sidebar=hidden] .sidebar-line{display:none}.search-toggle:hover,.search-toggle:focus{color:var(--color-accent);outline:none}.main-navigation{flex-shrink:0}.nav-list{display:flex;list-style:none;margin:0;padding:0;gap:calc(var(--grid-unit)*3)}.nav-link{font-family:var(--font-heading-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary);padding:calc(var(--grid-unit)/2) calc(var(--grid-unit));border-bottom:2px solid rgba(0,0,0,0);transition:all .2s ease}.nav-link:hover,.nav-link:focus{color:var(--color-accent);border-bottom-color:var(--color-accent);text-decoration:none}.rss-link{display:flex;align-items:center;gap:calc(var(--grid-unit)/2)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.mobile-controls{display:flex;align-items:center;gap:calc(var(--grid-unit)*2)}.mobile-only{display:none !important}.hamburger-toggle{background:none;border:none;color:var(--color-text-primary);padding:calc(var(--grid-unit));cursor:pointer;transition:color .2s ease;display:flex;align-items:center;justify-content:center}.repo-button{background:none;border:2px solid var(--color-accent);color:var(--color-accent);padding:calc(var(--grid-unit)*.75) calc(var(--grid-unit)*2);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:calc(var(--grid-unit));text-decoration:none;font-family:var(--font-heading-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;border-radius:4px}.repo-button:hover,.repo-button:focus{background-color:var(--color-accent);color:var(--color-background);outline:none;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.repo-button-text{display:inline-block}.repo-button-icon{width:18px;height:18px;flex-shrink:0;background-color:currentColor;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}.hamburger-toggle:hover,.hamburger-toggle:focus{color:var(--color-accent);outline:none}.mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-background);z-index:99;transform:translateX(-100%);transition:transform .3s ease;overflow-y:auto;padding-top:calc(var(--grid-unit)*12)}.mobile-menu.active{transform:translateX(0)}.mobile-nav-list{list-style:none;margin:0;padding:calc(var(--grid-unit)*4) 0}.mobile-nav-link{display:block;padding:calc(var(--grid-unit)*3) calc(var(--grid-unit)*4);font-family:var(--font-heading-secondary);font-weight:700;font-size:1.25rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-primary);text-decoration:none;border-bottom:1px solid var(--color-border);transition:all .2s ease}.mobile-nav-link:hover,.mobile-nav-link:focus{color:var(--color-accent);background-color:var(--color-surface)}@media (max-width: 768px){.site-header{padding:calc(var(--grid-unit)*2) 0}.header-content{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:calc(var(--grid-unit)*2);padding:0 calc(var(--grid-unit)*2)}.mobile-only{display:flex !important;justify-self:start}.site-title{justify-self:center;text-align:center;grid-column:2;}.site-title a{display:inline-block}.title-svg{height:36px;width:auto;max-width:180px}.title-text{font-size:1.35rem}.header-controls{justify-self:end;gap:0;grid-column:3;}.main-navigation{display:none}.mobile-controls{display:flex !important;gap:calc(var(--grid-unit)*1.5)}.hamburger-toggle,.search-toggle,.sidebar-toggle{padding:calc(var(--grid-unit)*.75)}.repo-button{padding:calc(var(--grid-unit)*.75);border-width:1px}.repo-button-text{display:none}}@media (max-width: 480px){.mobile-controls{gap:calc(var(--grid-unit)) !important}.repo-button,.search-toggle,.sidebar-toggle{padding:calc(var(--grid-unit)*.5)}}.sidebar-content{display:flex;flex-direction:column;gap:calc(var(--grid-unit)*4);padding:calc(var(--grid-unit)*3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:4px}.bio-section{text-align:center;padding-bottom:calc(var(--grid-unit)*2);border-bottom:1px solid var(--color-border)}.avatar-container{margin-bottom:calc(var(--grid-unit)*2);display:flex;justify-content:center}.avatar{width:80px;height:80px;border-radius:50%;border:2px solid var(--color-border);object-fit:cover}.sidebar-content .avatar-placeholder{width:80px;height:80px;border-radius:50%;border:2px solid var(--color-border);background-color:var(--color-light-gray);display:flex;align-items:center;justify-content:center;color:var(--color-medium-gray)}.sidebar-content .author-name{font-family:var(--font-heading-secondary);font-size:1.25rem;font-weight:700;color:var(--color-accent);margin-bottom:calc(var(--grid-unit));text-transform:uppercase;letter-spacing:.05em}.bio-text{font-size:.95rem;color:var(--color-text-muted);line-height:1.5;margin:0}.sidebar-content .section-title{font-family:var(--font-heading-secondary);font-size:1.1rem;font-weight:700;color:var(--color-accent);margin-bottom:calc(var(--grid-unit)*1.5);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-accent);padding-bottom:calc(var(--grid-unit)/2)}.post-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:calc(var(--grid-unit)*1.5)}.category-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:calc(var(--grid-unit)/2)}.sidebar-content .post-item{display:flex;flex-direction:column;gap:calc(var(--grid-unit)/2)}.post-link{font-weight:500;line-height:1.3;color:var(--color-text-primary)}.post-link:hover,.post-link:focus{color:var(--color-accent)}.sidebar-content .post-date{font-size:.85rem;color:var(--color-text-muted);font-family:var(--font-mono)}.category-item{display:inline-block}.sidebar-content .category-link{display:inline-block;padding:calc(var(--grid-unit)/4) calc(var(--grid-unit)/2);background-color:var(--color-text-primary);color:var(--color-background);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border-radius:3px;transition:background-color .2s ease}.sidebar-content .category-link:hover,.sidebar-content .category-link:focus{background-color:var(--color-accent);text-decoration:none}[data-theme=dark] .sidebar-content .category-link{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}[data-theme=dark] .sidebar-content .category-link:hover,[data-theme=dark] .sidebar-content .category-link:focus{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}@media (max-width: 1023px){.sidebar-content{margin-bottom:calc(var(--grid-unit)*3)}}.site-footer{background-color:var(--color-surface);border-top:2px solid var(--color-border);margin-top:auto;padding:calc(var(--grid-unit)*4) 0}.footer-content{max-width:var(--max-width);margin:0 auto;padding:0 var(--content-padding);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:calc(var(--grid-unit)*2)}.footer-info{display:flex;flex-direction:column;gap:calc(var(--grid-unit)/2)}.copyright,.theme-credit{margin:0;font-size:.9rem;color:var(--color-text-muted)}.theme-credit a{color:var(--color-accent);font-weight:500}.theme-credit a:hover,.theme-credit a:focus{color:var(--color-text-primary)}.site-footer .social-links{display:flex;gap:calc(var(--grid-unit)*1.5);align-items:center}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-text-primary);color:var(--color-background);border-radius:4px;transition:all .2s ease}.social-link:hover,.social-link:focus{background-color:var(--color-accent);transform:translateY(-2px);text-decoration:none}.social-icon{display:block;background-color:currentColor;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}.social-link .social-icon{width:20px;height:20px}@media (max-width: 768px){.footer-content{flex-direction:column;text-align:center;gap:calc(var(--grid-unit)*2)}.footer-info{order:2}.site-footer .social-links{order:1}}.theme-toggle{background:none;border:none;padding:calc(var(--grid-unit));cursor:pointer;color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;transition:color .2s ease}.theme-toggle:hover{color:var(--color-accent)}.theme-icon{display:block;width:20px;height:20px;background-color:currentColor;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}.theme-icon-light{-webkit-mask-image:url("sun.svg");mask-image:url("sun.svg")}.theme-icon-dark{-webkit-mask-image:url("moon.svg");mask-image:url("moon.svg")}.theme-icon-auto{-webkit-mask-image:url("bolt-auto.svg");mask-image:url("bolt-auto.svg")}.theme-toggle .theme-icon{display:none}[data-theme-mode=light] .theme-toggle .theme-icon-light,[data-theme-mode=dark] .theme-toggle .theme-icon-dark,[data-theme-mode=auto] .theme-toggle .theme-icon-auto{display:block}.search-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.search-overlay.active{opacity:1;visibility:visible}.search-container{max-width:800px;margin:calc(var(--grid-unit)*10) auto calc(var(--grid-unit)*4) auto;padding:0 var(--content-padding)}.search-header{display:flex;align-items:center;background:var(--color-background);border:2px solid var(--color-border);border-radius:8px;padding:calc(var(--grid-unit)*3);margin-bottom:calc(var(--grid-unit)*5)}.search-input{flex:1;border:none;background:none;font-family:var(--font-body);font-size:1.125rem;color:var(--color-text-primary);padding:calc(var(--grid-unit)*2) calc(var(--grid-unit)*3);outline:none}.search-input::placeholder{color:var(--color-text-muted)}.search-close{background:none;border:none;color:var(--color-text-muted);padding:calc(var(--grid-unit)/2);cursor:pointer;transition:color .2s ease;display:flex;align-items:center;justify-content:center}.search-close:hover,.search-close:focus{color:var(--color-accent);outline:none}.search-results{max-height:70vh;min-height:40vh;overflow-y:auto;background:var(--color-background);border-radius:8px;border:1px solid var(--color-border);box-shadow:0 4px 6px rgba(0,0,0,.1);padding:calc(var(--grid-unit)*3) calc(var(--grid-unit)*4) calc(var(--grid-unit)*4) calc(var(--grid-unit)*4)}.search-results:empty{display:none}.search-results-header p{margin:0;color:var(--color-text-primary);font-size:1rem}.search-result{padding:calc(var(--grid-unit)*3) 0;border-bottom:1px solid var(--color-border)}.search-result:hover{background-color:var(--color-surface)}.search-result:last-child{border-bottom:none}.search-result-title{font-family:var(--font-heading-secondary);font-size:1.25rem;font-weight:700;margin-bottom:calc(var(--grid-unit));text-transform:uppercase;letter-spacing:.05em}.search-result-title a{color:var(--color-accent);text-decoration:none}.search-result-title a:hover,.search-result-title a:focus{color:var(--color-text-primary)}.search-result-date{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:calc(var(--grid-unit)*2)}.search-result-excerpt{color:var(--color-text-secondary);line-height:1.6;margin-bottom:calc(var(--grid-unit)*3)}.search-result-categories{display:flex;flex-wrap:wrap;gap:calc(var(--grid-unit));margin-top:0}.search-category{display:inline-block;padding:calc(var(--grid-unit)/4) calc(var(--grid-unit)/2);background-color:var(--color-text-primary);color:var(--color-background);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border-radius:3px;transition:background-color .2s ease}[data-theme=dark] .search-category{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.search-no-results{padding:calc(var(--grid-unit)*10) calc(var(--grid-unit)*6);text-align:center}.search-no-results p{color:var(--color-text-muted);font-style:italic;margin:0;font-size:1.1rem}@media (max-width: 768px){.search-container{margin:calc(var(--grid-unit)*5) auto calc(var(--grid-unit)*3) auto;padding:0 calc(var(--grid-unit)*2)}.search-result{padding:calc(var(--grid-unit)*3) 0}.search-results{padding:calc(var(--grid-unit)*2) calc(var(--grid-unit)*2.5) calc(var(--grid-unit)*3) calc(var(--grid-unit)*2.5)}}.landing-page{width:100%}.container{max-width:1200px;margin:0 auto;padding:0 var(--content-padding)}.hero{text-align:center;padding:calc(var(--grid-unit)*12) 0 calc(var(--grid-unit)*8);background:linear-gradient(135deg, var(--color-surface) 0%, var(--color-background) 100%)}.hero-content{max-width:800px;margin:0 auto;padding:0 var(--content-padding)}.hero-title{font-family:var(--font-heading-primary);font-size:4.5rem;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.15em;line-height:.9;margin-bottom:calc(var(--grid-unit)*2)}.hero-subtitle{font-family:var(--font-heading-secondary);font-size:1.5rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.2em;margin-bottom:calc(var(--grid-unit)*3)}.hero-description{font-size:1.375rem;line-height:1.6;color:var(--color-text-primary);margin-bottom:calc(var(--grid-unit)*4);max-width:600px;margin-left:auto;margin-right:auto}.hero-rule{height:6px;background-color:var(--color-accent);border:none;width:150px;margin:0 auto calc(var(--grid-unit)*4)}.hero-actions{display:flex;gap:calc(var(--grid-unit)*2);justify-content:center;flex-wrap:wrap}.btn{font-family:var(--font-heading-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:calc(var(--grid-unit)*1.5) calc(var(--grid-unit)*3);border-radius:4px;transition:all .3s ease;text-decoration:none;display:inline-block;font-size:.95rem}.btn-primary{background-color:var(--color-accent);color:#fff;border:2px solid var(--color-accent)}.btn-primary:hover,.btn-primary:focus{background-color:rgba(0,0,0,0);color:var(--color-accent);transform:translateY(-2px)}.btn-secondary{background-color:rgba(0,0,0,0);color:var(--color-text-primary);border:2px solid var(--color-border)}.btn-secondary:hover,.btn-secondary:focus{background-color:var(--color-text-primary);color:var(--color-background);transform:translateY(-2px)}[data-theme=dark] .btn-primary{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}[data-theme=dark] .btn-primary:hover,[data-theme=dark] .btn-primary:focus{background-color:rgba(0,0,0,0);color:var(--color-accent)}[data-theme=dark] .btn-secondary{background-color:rgba(0,0,0,0);color:var(--color-text-primary);border-color:var(--color-border)}[data-theme=dark] .btn-secondary:hover,[data-theme=dark] .btn-secondary:focus{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.features{padding:calc(var(--grid-unit)*8) 0}.landing-page .section-title{font-family:var(--font-heading-secondary);font-size:2.5rem;font-weight:900;color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:calc(var(--grid-unit)*6);text-align:center}.features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:calc(var(--grid-unit)*4)}.feature-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:calc(var(--grid-unit)*4);text-align:center;transition:transform .3s ease,border-color .3s ease}.feature-card:hover{transform:translateY(-4px);border-color:var(--color-accent)}.feature-icon{font-size:3rem;margin-bottom:calc(var(--grid-unit)*2)}.feature-title{font-family:var(--font-heading-secondary);font-size:1.25rem;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:calc(var(--grid-unit)*1.5)}.feature-description{color:var(--color-text-secondary);line-height:1.6;margin:0}.typography-showcase{padding:calc(var(--grid-unit)*8) 0;background-color:var(--color-surface)}.typography-description{text-align:center;font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:calc(var(--grid-unit)*6);max-width:600px;margin-left:auto;margin-right:auto}.typography-samples{display:grid;gap:calc(var(--grid-unit)*6)}.type-sample{text-align:center;padding:calc(var(--grid-unit)*4);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:8px}.sample-h1{font-family:var(--font-heading-primary);font-size:3.5rem;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.15em;line-height:1.1;margin-bottom:calc(var(--grid-unit)*2)}.sample-h2{font-family:var(--font-heading-secondary);font-size:2.5rem;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;line-height:1.2;margin-bottom:calc(var(--grid-unit)*2)}.sample-body{font-family:var(--font-body);font-size:1.125rem;line-height:1.6;color:var(--color-text-primary);margin-bottom:calc(var(--grid-unit)*2);max-width:600px;margin-left:auto;margin-right:auto}.sample-code{font-family:var(--font-mono);background-color:var(--color-surface);border:1px solid var(--color-border);padding:calc(var(--grid-unit)) calc(var(--grid-unit)*1.5);border-radius:4px;display:inline-block;margin-bottom:calc(var(--grid-unit)*2);color:var(--color-text-primary)}.type-meta{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0}.demo-section{padding:calc(var(--grid-unit)*8) 0}.demo-description{text-align:center;font-size:1.125rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:calc(var(--grid-unit)*6);max-width:600px;margin-left:auto;margin-right:auto}.demo-posts{display:grid;gap:calc(var(--grid-unit)*4);margin-bottom:calc(var(--grid-unit)*6)}.demo-post-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:calc(var(--grid-unit)*3);transition:transform .2s ease,border-color .2s ease}.demo-post-card:hover{transform:translateY(-2px);border-color:var(--color-accent)}.demo-post-title{font-family:var(--font-heading-secondary);font-size:1.5rem;font-weight:700;margin-bottom:calc(var(--grid-unit))}.demo-post-title a{color:var(--color-text-primary);text-decoration:none}.demo-post-title a:hover,.demo-post-title a:focus{color:var(--color-accent)}.demo-post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:calc(var(--grid-unit));margin-bottom:calc(var(--grid-unit)*1.5)}.demo-post-date{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.demo-post-reading-time{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.demo-post-reading-time::before{content:"•";margin:0 calc(var(--grid-unit)/2);color:var(--color-border)}.demo-post-excerpt{color:var(--color-text-secondary);line-height:1.6;margin-bottom:calc(var(--grid-unit)*2)}.demo-post-categories{display:flex;flex-wrap:wrap;gap:calc(var(--grid-unit)/2)}.demo-category{background-color:var(--color-text-primary);color:#fff;padding:calc(var(--grid-unit)/4) calc(var(--grid-unit)/2);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:2px}[data-theme=dark] .demo-category{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.demo-actions{text-align:center}.installation{padding:calc(var(--grid-unit)*8) 0;background-color:var(--color-surface)}.install-steps{display:grid;gap:calc(var(--grid-unit)*4)}.step{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--grid-unit)*2);align-items:start}.step-number{font-family:var(--font-heading-primary);font-size:3rem;font-weight:900;color:var(--color-accent);margin:0}.step-content{display:flex;flex-direction:column}.step-title{font-family:var(--font-heading-secondary);font-size:1.25rem;font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:calc(var(--grid-unit))}.code-block{background-color:var(--color-text-primary);color:var(--color-background);padding:calc(var(--grid-unit)*2);border-radius:8px;overflow-x:auto;margin:0}.code-block code{font-family:var(--font-mono);background:none;border:none;color:inherit}@media (max-width: 768px){.hero-title{font-size:3rem}.hero-subtitle{font-size:1.25rem}.hero-description{font-size:1.125rem}.hero-actions{flex-direction:column;align-items:center}.features-grid{grid-template-columns:1fr}.step{grid-template-columns:1fr;text-align:center}.step-number{font-size:2rem}}.blog-page{max-width:800px;margin:0 auto}.blog-header{text-align:center;margin-bottom:calc(var(--grid-unit)*8)}.blog-title{font-family:var(--font-heading-primary);font-size:3.5rem;font-weight:900;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;line-height:1.1;margin-bottom:calc(var(--grid-unit)*3)}.blog-description{font-size:1.25rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:calc(var(--grid-unit)*4);max-width:600px;margin-left:auto;margin-right:auto}.blog-rule{height:4px;background-color:var(--color-accent);border:none;width:120px;margin:0 auto}.posts-list{display:flex;flex-direction:column;gap:calc(var(--grid-unit)*6)}.posts-list .post-item{border-bottom:1px solid var(--color-border);padding-bottom:calc(var(--grid-unit)*4)}.posts-list .post-item:last-child{border-bottom:none;padding-bottom:0}.posts-list .post-card-image{display:block;margin-bottom:calc(var(--grid-unit)*2)}.posts-list .post-card-image img{display:block;width:100%;height:160px;object-fit:cover;margin:0;border:1px solid var(--color-border)}.posts-list .post-title{font-family:var(--font-heading-secondary);font-size:2rem;font-weight:700;margin-bottom:calc(var(--grid-unit)*2)}.posts-list .post-title a{color:var(--color-text-primary);text-decoration:none;transition:color .2s ease}.posts-list .post-title a:hover,.posts-list .post-title a:focus{color:var(--color-accent)}.posts-list .post-meta{display:flex;flex-direction:column;gap:calc(var(--grid-unit));margin-bottom:calc(var(--grid-unit)*2)}.posts-list .post-date{font-family:var(--font-mono);font-size:.9rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.posts-list .post-reading-time{font-family:var(--font-mono);font-size:.9rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.posts-list .post-reading-time::before{content:"•";margin:0 calc(var(--grid-unit));color:var(--color-border)}.posts-list .post-author{font-family:var(--font-mono);font-size:.9rem;color:var(--color-text-muted);text-transform:none}.posts-list .post-categories{display:flex;flex-wrap:wrap;gap:calc(var(--grid-unit)/2)}.category{background-color:var(--color-text-primary);color:#fff;padding:calc(var(--grid-unit)/4) calc(var(--grid-unit)/2);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:2px}[data-theme=dark] .category{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.posts-list .post-excerpt{color:var(--color-text-secondary);line-height:1.6;margin-bottom:calc(var(--grid-unit)*2);font-size:1.1rem}.read-more{font-family:var(--font-heading-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);text-decoration:none;font-size:.9rem;transition:color .2s ease}.read-more:hover,.read-more:focus{color:var(--color-text-primary)}.no-posts{text-align:center;padding:calc(var(--grid-unit)*6);color:var(--color-text-muted);font-style:italic}.no-posts code{background-color:var(--color-surface);padding:2px 4px;border-radius:3px;font-family:var(--font-mono)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--grid-unit)*2);margin-top:calc(var(--grid-unit)*8);padding-top:calc(var(--grid-unit)*4);border-top:1px solid var(--color-border)}.pagination-link{font-family:var(--font-heading-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);text-decoration:none;font-size:.9rem;transition:color .2s ease}.pagination-link:hover,.pagination-link:focus{color:var(--color-text-primary)}.pagination-info{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.blog-title{font-size:2.5rem}.blog-description{font-size:1.125rem}.posts-list .post-title{font-size:1.75rem}.posts-list .post-meta{flex-direction:column;align-items:flex-start}}.blog-post{max-width:800px;margin:0 auto}.post-header{margin-bottom:calc(var(--grid-unit)*6)}.blog-post .post-title{font-family:var(--font-heading-primary);font-size:3rem;font-weight:900;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;line-height:1.1;margin-bottom:calc(var(--grid-unit)*3)}.blog-post .post-meta{display:flex;flex-direction:column;gap:calc(var(--grid-unit)*1.5);margin-bottom:calc(var(--grid-unit)*3)}.blog-post .post-date{font-family:var(--font-mono);font-size:.9rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.blog-post .post-reading-time{font-family:var(--font-mono);font-size:.9rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.blog-post .post-reading-time::before{content:"•";margin:0 calc(var(--grid-unit));color:var(--color-border)}.blog-post .post-author{font-family:var(--font-mono);font-size:.9rem;color:var(--color-text-muted);text-transform:none}.blog-post .post-categories{display:flex;flex-wrap:wrap;gap:calc(var(--grid-unit))}.category-tag{background-color:var(--color-text-primary);color:#fff;padding:calc(var(--grid-unit)/2) calc(var(--grid-unit));font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:3px;transition:background-color .2s ease}.category-tag:hover,.category-tag:focus{background-color:var(--color-accent);text-decoration:none}[data-theme=dark] .category-tag{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}[data-theme=dark] .category-tag:hover,[data-theme=dark] .category-tag:focus{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.blog-post .post-excerpt{font-size:1.25rem;line-height:1.5;color:var(--color-text-secondary);font-style:italic;margin:0}.monumental-rule{height:6px;background-color:var(--color-accent);border:none;margin:calc(var(--grid-unit)*4) 0;width:100%}.post-hero{margin:0 0 calc(var(--grid-unit)*4)}.post-hero img{display:block;width:100%;height:auto;max-height:400px;object-fit:cover;margin:0;border:1px solid var(--color-border)}.post-content{font-size:1.125rem;line-height:1.7;margin-bottom:calc(var(--grid-unit)*6)}.post-content 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)}.post-content 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)}.post-content 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)}.post-content p{margin-bottom:calc(var(--grid-unit)*3)}.post-content 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)}.post-content 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}.post-content pre code{background:none;border:none;padding:0;color:inherit;font-size:inherit}.post-content .token.selector,.post-content .token.tag{color:gold !important}.post-content .token.property,.post-content .token.class-name,.post-content .token.function{color:var(--color-accent) !important}.post-content .token.punctuation,.post-content .token.brace,.post-content .token.bracket{color:#ccc !important}.post-content .token.string,.post-content .token.attr-value,.post-content .token.url{color:#fc0 !important}.post-content .token.comment{color:#888 !important;font-style:italic}.post-content .token.number,.post-content .token.boolean{color:#66d9ef !important}.post-content pre[class*=language-]{background:#000 !important;color:#fff !important}.post-content code[class*=language-]{background:#000 !important;color:#fff !important}.post-content 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}.post-content img{border:2px solid var(--color-border);margin:calc(var(--grid-unit)*4) 0;border-radius:4px}.post-content ul,.post-content ol{margin-bottom:calc(var(--grid-unit)*3);padding-left:calc(var(--grid-unit)*3)}.post-content li{margin-bottom:calc(var(--grid-unit)/2)}.post-content strong{font-weight:600;color:var(--color-text-primary)}.post-content em{font-style:italic}.post-content 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))}.tags-label{font-family:var(--font-heading-secondary);font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary)}.tag-list{display:flex;flex-wrap:wrap;gap:calc(var(--grid-unit))}.tag{background-color:var(--color-text-primary);color:var(--color-surface);padding:calc(var(--grid-unit)/2) calc(var(--grid-unit));font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:3px}.back-to-blog{font-family:var(--font-heading-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);padding:calc(var(--grid-unit)) calc(var(--grid-unit)*2);border:2px solid var(--color-accent);border-radius:4px;transition:all .2s ease;display:inline-block}.back-to-blog:hover,.back-to-blog:focus{background-color:var(--color-accent);color:#fff;text-decoration:none}@media (max-width: 768px){.blog-post .post-title{font-size:2.25rem}.blog-post .post-meta{flex-direction:column;align-items:flex-start}.post-content{font-size:1rem}}.table-of-contents{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:calc(var(--grid-unit)*3);margin-bottom:calc(var(--grid-unit)*4)}.toc-title{font-family:var(--font-heading-secondary);font-size:1.25rem;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:calc(var(--grid-unit)*2);padding-bottom:calc(var(--grid-unit));border-bottom:2px solid var(--color-accent)}.toc-list{margin:0;padding:0;list-style:none;counter-reset:toc-counter}.toc-item{margin-bottom:calc(var(--grid-unit));counter-increment:toc-counter;position:relative}.toc-item::before{content:counter(toc-counter) ".";position:absolute;left:0;font-family:var(--font-mono);font-size:.9rem;color:var(--color-text-muted);font-weight:600}.toc-link{display:block;padding-left:calc(var(--grid-unit)*3);color:var(--color-text-primary);text-decoration:none;line-height:1.6;transition:all .2s ease}.toc-link:hover,.toc-link:focus{color:var(--color-accent);transform:translateX(4px)}.toc-level-3{margin-left:calc(var(--grid-unit)*2)}.toc-level-3 .toc-link{font-size:.95rem;color:var(--color-text-secondary)}.toc-level-3 .toc-link:hover,.toc-level-3 .toc-link:focus{color:var(--color-accent)}.toc-link.active{color:var(--color-accent);font-weight:600}.toc-link.active::after{content:"•";position:absolute;right:0;color:var(--color-accent);font-size:1.2rem}@media (max-width: 768px){.table-of-contents{padding:calc(var(--grid-unit)*2)}.toc-title{font-size:1.1rem}}.page-rule{height:4px;background-color:var(--color-accent);border:none;width:120px;margin:0 auto}.categories-page{max-width:100%}.categories-page .page-header{text-align:center;margin-bottom:calc(var(--grid-unit)*6)}.categories-page .page-title{font-family:var(--font-heading-primary);font-size:3rem;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.15em;margin-bottom:calc(var(--grid-unit)*2)}.categories-page .page-description{font-size:1.125rem;line-height:1.6;color:var(--color-text-secondary);max-width:600px;margin:0 auto calc(var(--grid-unit)*3)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:calc(var(--grid-unit)*2)}.category-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;overflow:hidden}.category-card:hover{transform:translateY(-2px);border-color:var(--color-accent);box-shadow:0 4px 12px rgba(0,0,0,.1)}.category-link{display:block;padding:calc(var(--grid-unit)*2);text-decoration:none;color:inherit}.category-title{font-family:var(--font-heading-secondary);font-size:1.1rem;font-weight:700;margin-bottom:calc(var(--grid-unit)/2);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary);transition:color .2s ease}.category-link:hover .category-title{color:var(--color-accent)}.category-count{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0}.no-categories{text-align:center;padding:calc(var(--grid-unit)*6);color:var(--color-text-muted);font-style:italic}.category-page{max-width:800px;margin:0 auto}.category-page .page-header{text-align:center;margin-bottom:calc(var(--grid-unit)*8)}.category-page .page-title{font-family:var(--font-heading-primary);font-size:3.5rem;font-weight:900;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;line-height:1.1;margin-bottom:calc(var(--grid-unit)*3)}.category-page .page-description{font-size:1.125rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:calc(var(--grid-unit)*4)}.page-navigation{text-align:center;padding-top:calc(var(--grid-unit)*4);border-top:1px solid var(--color-border)}.back-link{font-family:var(--font-heading-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);padding:calc(var(--grid-unit)) calc(var(--grid-unit)*2);border:2px solid var(--color-accent);border-radius:4px;transition:all .2s ease;display:inline-block}.back-link:hover,.back-link:focus{background-color:var(--color-accent);color:#fff;text-decoration:none}@media (max-width: 768px){.categories-page .page-title{font-size:2.5rem}.category-page .page-title{font-size:2.5rem}.categories-grid{grid-template-columns:1fr}}.about-page,.contact-page{max-width:800px;margin:0 auto}.page-rule{height:4px;background-color:var(--color-accent);border:none;width:120px;margin:0 auto}.about-page .page-header{text-align:center;margin-bottom:calc(var(--grid-unit)*6)}.about-page .page-title{font-family:var(--font-heading-primary);font-size:3.5rem;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.15em;line-height:1.1;margin-bottom:calc(var(--grid-unit)*4)}.about-page .author-section{text-align:center;margin-bottom:calc(var(--grid-unit)*10);padding:calc(var(--grid-unit)*6) calc(var(--grid-unit)*4);background-color:var(--color-surface);border-radius:calc(var(--grid-unit))}.about-page .author-avatar{margin-bottom:calc(var(--grid-unit)*3)}.about-page .author-avatar img{width:160px;height:160px;border-radius:50%;object-fit:cover;border:4px solid var(--color-accent)}.about-page .avatar-placeholder{width:160px;height:160px;border-radius:50%;border:4px solid var(--color-accent);background-color:var(--color-surface);display:flex;align-items:center;justify-content:center;color:var(--color-medium-gray);margin:0 auto}.about-page .author-name{font-family:var(--font-heading-secondary);font-size:2.5rem;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:calc(var(--grid-unit)*2)}.about-page .author-bio{font-size:1.25rem;line-height:1.6;color:var(--color-text-secondary);max-width:600px;margin:0 auto calc(var(--grid-unit)*4)}.about-page .social-links{display:flex;gap:calc(var(--grid-unit)*3);justify-content:center;align-items:center}.about-page .social-links a{color:var(--color-text-secondary);transition:color .2s ease,transform .2s ease}.about-page .social-links a:hover{color:var(--color-accent);transform:translateY(-2px)}.about-page .social-icon{width:28px;height:28px}.about-page .content-section{line-height:1.7}.about-page .content-section h2{font-family:var(--font-heading-secondary);font-size:1.875rem;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;margin-top:calc(var(--grid-unit)*6);margin-bottom:calc(var(--grid-unit)*3)}.about-page .content-section p{font-size:1.125rem;line-height:1.6;color:var(--color-text-primary);margin-bottom:calc(var(--grid-unit)*3)}.about-page .content-section ul{margin:calc(var(--grid-unit)*2) 0;padding-left:calc(var(--grid-unit)*3)}.about-page .content-section li{margin-bottom:calc(var(--grid-unit)*2);font-size:1.125rem;line-height:1.6}.about-page .content-section strong{color:var(--color-text-primary)}@media (max-width: 768px){.about-page .page-title{font-size:2.5rem}.about-page .author-section{padding:calc(var(--grid-unit)*4) calc(var(--grid-unit)*3)}.about-page .author-name{font-size:2rem}.about-page .author-bio{font-size:1.125rem}.about-page .author-avatar img{width:120px;height:120px}.about-page .avatar-placeholder{width:120px;height:120px}.about-page .social-links{gap:calc(var(--grid-unit)*2)}.about-page .content-section h2{font-size:1.5rem}.about-page .content-section p,.about-page .content-section li{font-size:1rem}}.contact-page .page-header{text-align:center;margin-bottom:calc(var(--grid-unit)*8)}.contact-page .page-title{font-family:var(--font-heading-primary);font-size:3.5rem;font-weight:900;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;line-height:1.1;margin-bottom:calc(var(--grid-unit)*3)}.contact-page .page-description{font-size:1.25rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:calc(var(--grid-unit)*4);max-width:600px;margin-left:auto;margin-right:auto}.contact-page .contact-content{line-height:1.7}.contact-page .contact-info h2{font-family:var(--font-heading-secondary);font-weight:700;color:var(--color-text-primary);margin-bottom:calc(var(--grid-unit)*3)}.contact-page .contact-links{display:flex;flex-direction:column;gap:calc(var(--grid-unit)*2);margin-top:calc(var(--grid-unit)*4)}.contact-page .contact-link{display:flex;flex-direction:column;text-decoration:none;padding:calc(var(--grid-unit)*2);border:2px solid var(--color-border);transition:all .2s ease}.contact-page .contact-link:hover,.contact-page .contact-link:focus{border-color:var(--color-accent);background-color:var(--color-surface)}.contact-page .contact-label{font-family:var(--font-heading-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;color:var(--color-text-muted);margin-bottom:calc(var(--grid-unit)/2)}.contact-page .contact-link:hover .contact-label,.contact-page .contact-link:focus .contact-label{color:var(--color-accent)}@media (max-width: 768px){.contact-page .page-title{font-size:2.5rem}.contact-page .page-description{font-size:1.125rem}}