@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500&display=swap";.site-header{background:color-mix(in srgb, var(--color-bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;border-bottom:1px solid #ffffff0d;position:sticky;top:0}.site-header__inner{align-items:center;gap:var(--space-8);padding-block:var(--space-3);grid-template-columns:1fr auto 1fr;display:grid}.site-header__logo{justify-content:flex-start;align-items:center;display:flex}.site-header__logo-img{width:auto;height:28px;margin-top:0;transform:translateY(-2px)}.site-header__nav{justify-content:flex-end;gap:var(--space-6);font-size:var(--text-sm);display:flex}.site-header__search{width:400px}.site-header__nav a{color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out);padding-block:var(--space-1);position:relative}.site-header__nav a:hover{color:var(--color-brand)}.site-header__search{border-radius:var(--radius-full);padding-inline:var(--space-3);transition:border-color var(--duration-fast) var(--ease-out);background:#ffffff08;border:1px solid #ffffff0d;align-items:center;display:flex}.site-header__search:focus-within{border-color:var(--color-brand)}.site-header__search input{color:var(--color-text);font-size:var(--text-sm);padding-block:var(--space-2);background:0 0;border:none;outline:none;flex:1;width:100%}.site-header__search input::placeholder{color:var(--color-text-faint)}.site-header__search button{color:var(--color-text-muted);padding:var(--space-1);background:0 0;border:none;display:flex}.site-header__search button:hover{color:var(--color-brand)}@media (width<=900px){.site-header__inner{justify-content:space-between;display:flex}.site-header__search{width:auto;margin:0 var(--space-4);flex:1}}@media (width<=760px){.site-header__nav{display:none}.site-header__search input{width:100%}}.site-footer{border-top:1px solid var(--color-border);margin-top:var(--space-24);padding-block:var(--space-16) var(--space-8)}.site-footer__inner{gap:var(--space-8);flex-direction:column;display:flex}.site-footer__nav-grid{gap:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.site-footer__nav-grid{gap:var(--space-12);grid-template-columns:2fr 1fr 1fr 1fr}}.site-footer__nav-group h3{font-size:var(--text-base);color:var(--color-text);margin-bottom:var(--space-4);font-family:var(--font-display)}.site-footer__company p{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.6}.site-footer__logo{width:auto;height:32px;margin-bottom:var(--space-4);display:block}.site-footer__nav-group a{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-2);text-decoration:none;transition:color .2s;display:block}.site-footer__nav-group a:hover{color:var(--color-brand)}.site-footer__meta{color:var(--color-text-faint);font-size:var(--text-sm);border-top:1px solid var(--color-border);padding-top:var(--space-6)}.post-card{background:var(--color-bg);border-radius:var(--radius-lg);transition:transform var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), background var(--duration-base) var(--ease-out);border:1px solid #ffffff0d;padding:0;display:block;position:relative;overflow:hidden}.post-card:hover{border-color:var(--color-border-strong);background:var(--color-bg-raised);transform:translateY(-3px)}.post-card__ears{top:-6px;right:var(--space-6);color:var(--color-brand);opacity:0;transition:opacity var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);position:absolute;transform:translateY(6px)}.post-card:hover .post-card__ears{opacity:1;transform:translateY(0)}.post-card__category{font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-brand);background:var(--color-brand-soft);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-3);display:inline-block}.post-card__title{font-size:var(--text-xl);color:var(--color-text);margin-bottom:var(--space-2)}.post-card__excerpt{color:var(--color-text-muted);font-size:var(--text-sm);-webkit-line-clamp:2;margin-bottom:var(--space-4);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post-card__meta{color:var(--color-text-faint);font-size:var(--text-xs);font-family:var(--font-mono)}.post-card--featured{grid-column:1/-1;padding:0}.post-card--featured .post-card__title{font-size:var(--text-4xl);max-width:90%}.post-card--featured .post-card__excerpt{font-size:var(--text-base);-webkit-line-clamp:3;max-width:640px}.post-card__body{padding:var(--space-6)}.post-card__image{object-fit:cover;width:100%;height:200px}.post-card--featured .post-card__image{height:400px}.home{padding-bottom:var(--space-16)}.home__hero-image-section{margin-bottom:var(--space-12);padding-block:0}.home__hero-image-section.full-width{width:100%}.home__hero-slider{background-color:var(--surface-1);width:100%;max-width:none;height:600px;margin:0;position:relative;overflow:hidden}.home__hero-slider-inner{height:100%;transition:transform .5s ease-in-out;display:flex}.home__hero-slide-img{object-fit:cover;flex-shrink:0;width:100%;height:100%;display:block}.home__hero-slider-dots{bottom:var(--space-4);gap:var(--space-2);display:flex;position:absolute;left:50%;transform:translate(-50%)}.home__hero-slider-dot{cursor:pointer;background-color:#ffffff80;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:background-color .2s}.home__hero-slider-dot.active{background-color:#fff}.home__categories{padding-block:var(--space-16);border-bottom:1px solid #ffffff0d}.section-title{font-size:var(--text-2xl);font-family:var(--font-display);color:var(--color-text);margin-bottom:var(--space-8);letter-spacing:.04em}.home__categories-grid{gap:var(--space-4);flex-wrap:wrap;display:flex}.home__category-card{background:var(--surface-1);border-radius:var(--radius-lg);text-align:center;min-width:200px;transition:border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);border:1px solid #ffffff0d;flex:1;overflow:hidden}.home__category-card:hover{border-color:var(--color-brand);transform:translateY(-2px)}.home__category-content{padding:var(--space-4)}.home__category-content h3{font-size:var(--text-xl);color:var(--color-text);margin-bottom:var(--space-1)}.home__categories-action{text-align:center;margin-top:var(--space-8)}.home__categories-action .btn-outline{border:1px solid var(--color-brand);color:var(--color-brand);border-radius:var(--radius-md);padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s;display:inline-block}.home__categories-action .btn-outline:hover{background-color:var(--color-brand);color:var(--color-brand-text-on)}.home__main{padding-top:var(--space-16)}.home__featured{margin-bottom:var(--space-12)}.home__featured-grid{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.home__featured-action{text-align:center;margin-top:var(--space-8)}.home__featured-action .btn-outline{border:1px solid var(--color-brand);color:var(--color-brand);border-radius:var(--radius-md);padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s;display:inline-block}.home__featured-action .btn-outline:hover{background-color:var(--color-brand);color:var(--color-brand-text-on)}.home__trending-section{margin-bottom:var(--space-12)}.home__trending-grid{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.home__grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.home-loading,.home-empty{padding-block:var(--space-24);text-align:center;color:var(--color-text-muted)}.home-empty h1{font-size:var(--text-3xl);color:var(--color-text);margin-bottom:var(--space-3)}.home__newsletter{padding-block:var(--space-16);background:color-mix(in srgb, var(--color-brand) 10%, transparent);margin-top:var(--space-16);border-top:1px solid #ffffff0d}.home__newsletter-inner{text-align:center;max-width:600px;padding:var(--space-8);margin:0 auto}.home__newsletter-title{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-text);margin-bottom:var(--space-3);font-weight:700}.home__newsletter-subtitle{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:var(--space-6)}.home__newsletter-cta{max-width:480px;margin:0 auto}.home__newsletter-form{gap:var(--space-2);display:flex}.home__newsletter-form input{background:var(--color-bg);border-radius:var(--radius-full);padding:var(--space-3) var(--space-5);color:var(--color-text);font-size:var(--text-base);border:1px solid #ffffff1a;flex:1}.home__newsletter-form input:focus{border-color:var(--color-brand);outline:none}.home__newsletter-form button{background:var(--color-brand);color:var(--color-brand-text-on);border-radius:var(--radius-full);padding:var(--space-3) var(--space-6);font-weight:700;font-size:var(--text-base);transition:background var(--duration-fast) var(--ease-out);white-space:nowrap;border:none}.home__newsletter-form button:hover:not(:disabled){background:var(--color-brand-strong)}.home__newsletter-form button:disabled{opacity:.6;cursor:not-allowed}.home__newsletter-confirm{color:var(--color-brand);font-weight:600;font-size:var(--text-lg)}.home__newsletter-error{color:var(--color-danger);font-size:var(--text-sm);margin-top:var(--space-2)}@media (width<=900px){.home__featured-grid,.home__trending-grid,.home__grid{grid-template-columns:1fr}.home__newsletter-form{flex-direction:column}}.post-detail{max-width:var(--content-width-narrow);padding-block:var(--space-12) var(--space-24)}.post-detail__header{margin-bottom:var(--space-8)}.post-detail__category{font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-brand);background:var(--color-brand-soft);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-4);display:inline-block}.post-detail__title{font-size:var(--text-4xl);color:var(--color-text);margin-bottom:var(--space-4)}.post-detail__date{color:var(--color-text-faint);font-family:var(--font-mono);font-size:var(--text-sm)}.post-detail__content{font-size:var(--text-lg);color:var(--color-text);line-height:1.75}.post-detail__content p{margin-bottom:var(--space-6)}.post-detail__content h2{font-size:var(--text-2xl);margin-block:var(--space-8) var(--space-4)}.post-detail__content h3{font-size:var(--text-xl);margin-block:var(--space-6) var(--space-3)}.post-detail__content img{border-radius:var(--radius-lg);margin-block:var(--space-6)}.post-detail__content a{color:var(--color-brand);text-underline-offset:3px;text-decoration:underline}.post-detail__content blockquote{border-left:3px solid var(--color-brand);padding-left:var(--space-4);color:var(--color-text-muted);margin:var(--space-6) 0;font-style:italic}.post-detail__content ul,.post-detail__content ol{margin-bottom:var(--space-6);padding-left:var(--space-6)}.post-detail__tags{gap:var(--space-2);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.post-detail__tag{font-size:var(--text-sm);color:var(--color-text-muted);background:var(--color-bg-raised);border:1px solid var(--color-border);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.post-detail__tag:hover{color:var(--color-brand);border-color:var(--color-brand)}.post-detail__related{margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.post-detail__related h2{font-size:var(--text-2xl);margin-bottom:var(--space-6)}.post-detail__related-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.post-detail-loading,.post-detail-error{padding-block:var(--space-24);text-align:center;color:var(--color-text-muted)}.post-detail-error h1{font-size:var(--text-3xl);color:var(--color-text);margin-bottom:var(--space-3)}.post-detail-error a{color:var(--color-brand);margin-top:var(--space-4);text-decoration:underline;display:inline-block}@media (width<=700px){.post-detail__title{font-size:var(--text-3xl)}.post-detail__related-grid{grid-template-columns:1fr}}.post-detail__featured-image{object-fit:cover;border-radius:var(--radius-lg);width:100%;height:auto;max-height:500px;margin-bottom:var(--space-6)}.post-list-page{padding-block:var(--space-12) var(--space-24)}.post-list-page__heading{font-size:var(--text-3xl);text-transform:capitalize;margin-bottom:var(--space-8);color:var(--color-text)}.post-list-page__status{color:var(--color-text-muted);padding-block:var(--space-8)}.post-list-page__grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=900px){.post-list-page__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.post-list-page__grid{grid-template-columns:1fr}}.all-articles-page{padding-top:var(--space-8);padding-bottom:var(--space-12)}.all-articles-header{gap:var(--space-4);margin-bottom:var(--space-8);flex-direction:column;display:flex}@media (width>=768px){.all-articles-header{flex-direction:row;justify-content:space-between;align-items:center}}.all-articles-controls{gap:var(--space-4);flex-wrap:wrap;display:flex}.all-articles-search{border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:var(--surface-1);color:var(--text-primary);font-family:var(--font-sans);min-width:250px;padding:.5rem 1rem}.all-articles-search:focus{border-color:var(--brand-primary);outline:none}.all-articles-sort{border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:var(--surface-1);color:var(--text-primary);font-family:var(--font-sans);padding:.5rem 1rem}.all-articles-sort:focus{border-color:var(--brand-primary);outline:none}.all-articles-pagination{justify-content:center;align-items:center;gap:var(--space-6);margin-top:var(--space-12);display:flex}.pagination-info{font-size:var(--text-sm);color:var(--text-secondary)}.categories-page{padding-top:var(--space-8);padding-bottom:var(--space-12)}.home__category-card{background-color:var(--surface-1);border:1px solid var(--border-light);border-radius:var(--radius-lg);flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.home__category-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.categories-page__grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.home__category-img{aspect-ratio:3/2;width:100%;overflow:hidden}.home__category-img img{object-fit:cover;width:100%;height:100%}.home__category-content{padding:var(--space-4);text-align:center}.home__category-content h3{font-size:var(--text-lg);color:var(--text-primary);margin:0;margin-bottom:var(--space-1)}.home__category-content span{font-size:var(--text-sm);color:var(--text-secondary)}.about-page{padding-top:var(--space-8);padding-bottom:var(--space-12);max-width:800px;margin:0 auto}.about-content{margin-top:var(--space-6);font-size:var(--text-base);color:var(--text-primary);line-height:1.6}.about-content p{margin-bottom:var(--space-4)}:root{--color-bg:#0b0f0d;--color-bg-raised:#121712;--color-bg-raised-hover:#171d17;--color-border:#22291f;--color-border-strong:#33402f;--color-text:#edf2ee;--color-text-muted:#97a396;--color-text-faint:#5c6b5c;--color-brand:#2fbf6f;--color-brand-strong:#22a55e;--color-brand-soft:#163a26;--color-brand-text-on:#06150d;--color-accent:#f0954a;--color-accent-soft:#3a2716;--color-danger:#e0554f;--font-display:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.5rem;--text-4xl:3.5rem;--text-5xl:4.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.15s;--duration-base:.25s;--content-width:1180px;--content-width-narrow:720px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.1}p{margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px;border-radius:4px}::selection{background:var(--color-brand);color:var(--color-brand-text-on)}.container{width:100%;max-width:var(--content-width);padding-inline:var(--space-6);margin-inline:auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-brand-strong)}