:root{--color-bg: #0a0a12;--color-bg-secondary: #12121f;--color-bg-card: #1a1a2e;--color-text: #e8e8f0;--color-text-muted: #aeaec7;--color-accent: #6366f1;--color-accent-hover: #818cf8;--color-border: #2a2a40;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6}body{min-height:100vh}a{color:var(--color-accent);text-decoration:none;transition:color .2s}a:hover{color:var(--color-accent-hover)}img{max-width:100%;height:auto;display:block}.layout{display:flex;flex-direction:column;min-height:100vh}header{border-bottom:2px solid var(--color-border);background-color:var(--color-bg);position:sticky;top:0;z-index:100}nav{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:center;gap:2rem}.logo{font-size:1.5rem;font-weight:700;color:var(--color-text);letter-spacing:-.02em}.logo:hover{color:var(--color-accent)}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;background:none;border:none;cursor:pointer;padding:4px;z-index:1001}.hamburger span{display:block;width:100%;height:2px;background:var(--color-text);border-radius:2px;transition:transform .3s,opacity .3s}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-links{display:flex;list-style:none;gap:.5rem}.mobile-nav{display:none;position:fixed;top:0;right:-280px;width:280px;height:100vh;background:var(--color-bg-secondary);padding:1.5rem;border-left:1px solid var(--color-border);transition:right .3s ease;z-index:1000;overflow-y:auto}.mobile-nav.open{right:0}.mobile-nav .nav-links{display:flex;flex-direction:column;gap:0;margin-top:1rem}.close-btn{position:absolute;top:1rem;right:1rem;width:32px;height:32px;background:none;border:none;cursor:pointer;padding:4px}.close-btn span{display:block;position:absolute;width:24px;height:2px;background:var(--color-text);border-radius:2px;left:4px;top:15px}.close-btn span:first-child{transform:rotate(45deg)}.close-btn span:last-child{transform:rotate(-45deg)}.menu-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999;border:none;cursor:pointer}.nav-item{position:relative}.nav-item>a{display:block;padding:.5rem 1rem;color:var(--color-text);border-radius:.5rem;transition:background .2s,color .2s}.nav-item>a:hover{background:var(--color-bg-card);color:var(--color-accent)}.dropdown{display:none;position:absolute;top:100%;left:0;min-width:200px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.5rem;list-style:none;padding:.5rem;box-shadow:0 10px 40px #00000080}.nav-item:hover .dropdown{display:block}.dropdown li a{display:block;padding:.5rem 1rem;color:var(--color-text-muted);border-radius:.25rem}.dropdown li a:hover{background:var(--color-bg-card);color:var(--color-text)}main{flex:1;max-width:1150px;margin:0 auto;padding:2rem;width:100%}.hero{text-align:center;margin:0 auto;max-width:750px}.hero img{margin:auto}h1{font-weight:200;letter-spacing:.25rem}.hero h1{font-size:3rem;margin-bottom:1rem;background:linear-gradient(135deg,var(--color-text) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.25rem;color:var(--color-text-muted);max-width:600px;margin:0 auto 2rem}.categories-grid{text-align:center;display:flex;flex-direction:column;align-items:center;margin:2rem}.categories-grid h2,.recent-posts h2,.posts-section h2{font-size:1.75rem;margin-bottom:1.5rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.category-card{display:block;padding:2rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:1rem;transition:transform .2s,border-color .2s}.category-card:hover{transform:translateY(-4px);border-color:var(--color-accent)}.category-card h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--color-text)}.category-card p{color:var(--color-text-muted);font-size:.9rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.gallery-item{position:relative;aspect-ratio:4/3;border-radius:1rem;overflow:hidden;background:var(--color-bg-card)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.gallery-item:hover img{transform:scale(1.05)}.gallery-item .overlay{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;background:linear-gradient(transparent,#000000e6)}.gallery-item .overlay h3{color:var(--color-text);font-size:1.1rem;margin-bottom:.25rem}.gallery-item .overlay .category-label{color:var(--color-text-muted);font-size:.85rem}.gallery-item .no-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-secondary) 100%);display:flex;align-items:center;justify-content:center}.article-list{display:flex;flex-direction:column;gap:1rem}.article-item{display:flex;align-items:flex-start;gap:1.25rem;padding:1.5rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:1rem;transition:transform .2s,border-color .2s}.article-item:hover{transform:translate(4px);border-color:var(--color-accent)}.article-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border-radius:.75rem;color:var(--color-accent)}.article-icon svg{width:24px;height:24px}.article-content{flex:1;min-width:0}.article-content h3{font-size:1.15rem;color:var(--color-text);margin-bottom:.5rem;line-height:1.3}.article-content p{color:var(--color-text-muted);font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-header{margin-bottom:2rem}.category-header h1{font-size:2.5rem;margin-bottom:.5rem}.category-header p{color:var(--color-text-muted);font-size:1.1rem}.category-header .description{white-space:pre-line}.breadcrumb{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;font-size:.875rem;color:var(--color-text-muted);padding:0}.breadcrumb a{color:var(--color-text-muted)}.breadcrumb a:hover{color:var(--color-accent)}.breadcrumb .separator{font-size:.75rem}.subcategories{margin-bottom:2rem}.subcategories h2{font-size:1.25rem;margin-bottom:1rem}.subcategory-links{display:flex;flex-wrap:wrap;gap:.75rem}.subcategory-link{padding:.5rem 1rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:2rem;font-size:.9rem;color:var(--color-text);transition:border-color .2s,background .2s}.subcategory-link:hover{border-color:var(--color-accent);background:var(--color-bg-secondary)}.posts-section{margin-bottom:2rem}.no-posts{text-align:center;padding:3rem;color:var(--color-text-muted);background:var(--color-bg-card);border-radius:1rem}.post{max-width:900px;margin:0 auto}.post-header{border-bottom:2px solid var(--color-border);margin-bottom:2rem}.post-header h1{font-size:2.5rem;line-height:1.2;margin-bottom:.5rem}.post-meta{color:var(--color-text-muted)}.post-image{margin-bottom:2rem;overflow:hidden;position:relative}.post-image img{border-radius:1rem;width:100%}.post-image .hires-btn{display:inline-block;margin-top:1rem;padding:.5rem 1rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-text);font-size:.9rem;transition:background .2s,border-color .2s}.post-image .hires-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-accent);color:var(--color-accent)}.post-content{font-size:1.1rem;line-height:1.8}.post-content h2{font-size:1.75rem;margin:2rem 0 1rem}.post-content h3{font-size:1.4rem;margin:1.5rem 0 .75rem}.post-content p{margin-bottom:1.25rem}.post-content ul,.post-content ol{margin-bottom:1.25rem;padding-left:1.5rem}.post-content li{margin-bottom:.5rem}.post-content strong{color:var(--color-accent)}.post-content code{background:var(--color-bg-card);padding:.2em .4em;border-radius:.25rem;font-size:.9em}.post-content pre{background:var(--color-bg-card);padding:1rem;border-radius:.5rem;overflow-x:auto;margin-bottom:1.25rem}.post-content pre code{background:none;padding:0}.post-content blockquote{border-left:4px solid var(--color-accent);padding-left:1rem;margin:1.5rem 0;color:var(--color-text-muted);font-style:italic}.post-content img{display:block;max-width:100%;height:auto;border-radius:1rem;margin:2rem auto;box-shadow:0 10px 40px #0006}.page{max-width:900px;margin:0 auto}.page h1{font-size:2.5rem;margin-bottom:1.5rem}.page-content{font-size:1.1rem;line-height:1.8}.page-content h2{font-size:1.75rem;margin:2rem 0 1rem}.page-content h3{font-size:1.4rem;margin:1.5rem 0 .75rem}.page-content p{margin-bottom:1.25rem;color:var(--color-text-muted)}.page-content ul,.page-content ol{margin-bottom:1.25rem;padding-left:1.5rem}.page-content li{color:var(--color-text-muted)}.page-content strong{color:var(--color-text)}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;padding:1rem 0;flex-wrap:wrap}.pagination-btn{padding:.5rem 1rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-text);font-size:.9rem;transition:background .2s,border-color .2s}.pagination-btn:hover:not(.disabled){background:var(--color-bg-secondary);border-color:var(--color-accent);color:var(--color-accent)}.pagination-btn.disabled{opacity:.4;cursor:not-allowed}.pagination-pages{display:flex;align-items:center;gap:.25rem}.pagination-page{display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:.5rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-text);font-size:.9rem;transition:background .2s,border-color .2s}.pagination-page:hover{background:var(--color-bg-secondary);border-color:var(--color-accent);color:var(--color-accent)}.pagination-page.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.pagination-ellipsis{padding:0 .5rem;color:var(--color-text-muted)}footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:2rem;text-align:center;color:var(--color-text-muted)}@media (max-width: 768px){nav{justify-content:end}.hamburger{display:flex}.menu-overlay{display:block}.desktop-nav{display:none}.mobile-nav{display:flex}.mobile-nav .nav-item{border-bottom:1px solid var(--color-border)}.mobile-nav .nav-item>a{padding:1rem;display:block}.mobile-nav .dropdown{position:static;display:block;background:transparent;border:none;box-shadow:none;padding:0 0 .5rem 1rem;min-width:auto}.mobile-nav .dropdown li a{padding:.5rem 0;font-size:.9rem}.hero h1{font-size:2rem}.hero p{font-size:1rem}.gallery-grid{grid-template-columns:1fr}.post-header h1,.page h1,.category-header h1{font-size:1.75rem}main{padding:1.5rem}.article-item{padding:1.25rem}.article-icon{width:40px;height:40px}.article-icon svg{width:20px;height:20px}.article-content h3{font-size:1rem}}