:root{--color-primary-50:#fef2f2;--color-primary-100:#fee2e2;--color-primary-200:#fecaca;--color-primary-300:#fca5a5;--color-primary-400:#f87171;--color-primary-500:#ef4444;--color-primary-600:#dc2626;--color-primary-700:#b91c1c;--color-primary-800:#991b1b;--color-primary-900:#7f1d1d;--color-secondary-50:#fffbeb;--color-secondary-100:#fef3c7;--color-secondary-200:#fde68a;--color-secondary-300:#fcd34d;--color-secondary-400:#fbbf24;--color-secondary-500:#f59e0b;--color-secondary-600:#d97706;--color-secondary-700:#b45309;--color-secondary-800:#92400e;--color-secondary-900:#78350f;--color-dark-50:#f9fafb;--color-dark-100:#f3f4f6;--color-dark-200:#e5e7eb;--color-dark-300:#d1d5db;--color-dark-400:#9ca3af;--color-dark-500:#6b7280;--color-dark-600:#4b5563;--color-dark-700:#374151;--color-dark-800:#1f2937;--color-dark-900:#000000;--color-success-500:#10b981;--color-success-600:#059669;--color-success-700:#047857;--color-warning-400:#fbbf24;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-danger-600:#dc2626;--color-danger-700:#b91c1c;--color-danger-800:#991b1b;--color-success-500-25:rgba(16,185,129,0.25);--color-success-500-40:rgba(16,185,129,0.4);--color-danger-600-25:rgba(220,38,38,0.25);--color-danger-600-40:rgba(220,38,38,0.4);--color-white:#ffffff;--color-black:#000000;--color-transparent:transparent;--color-primary-500-02:rgba(239,68,68,0.02);--color-primary-500-03:rgba(239,68,68,0.03);--color-primary-500-04:rgba(239,68,68,0.04);--color-primary-500-05:rgba(239,68,68,0.05);--color-primary-500-08:rgba(239,68,68,0.08);--color-primary-500-10:rgba(239,68,68,0.1);--color-primary-500-12:rgba(239,68,68,0.12);--color-primary-500-15:rgba(239,68,68,0.15);--color-primary-500-20:rgba(239,68,68,0.2);--color-primary-500-25:rgba(239,68,68,0.25);--color-primary-500-30:rgba(239,68,68,0.3);--color-primary-500-40:rgba(239,68,68,0.4);--color-primary-500-50:rgba(239,68,68,0.5);--color-primary-500-80:rgba(239,68,68,0.8);--color-secondary-400-02:rgba(251,191,36,0.02);--color-secondary-400-03:rgba(251,191,36,0.03);--color-secondary-400-08:rgba(251,191,36,0.08);--color-secondary-400-10:rgba(251,191,36,0.1);--color-secondary-400-12:rgba(251,191,36,0.12);--color-secondary-400-15:rgba(251,191,36,0.15);--color-secondary-400-20:rgba(251,191,36,0.2);--color-secondary-400-25:rgba(251,191,36,0.25);--color-secondary-400-30:rgba(251,191,36,0.3);--color-secondary-400-40:rgba(251,191,36,0.4);--color-secondary-400-50:rgba(251,191,36,0.5);--color-white-02:rgba(255,255,255,0.02);--color-white-05:rgba(255,255,255,0.05);--color-white-08:rgba(255,255,255,0.08);--color-white-10:rgba(255,255,255,0.1);--color-white-15:rgba(255,255,255,0.15);--color-white-20:rgba(255,255,255,0.2);--color-white-25:rgba(255,255,255,0.25);--color-white-30:rgba(255,255,255,0.3);--color-white-40:rgba(255,255,255,0.4);--color-white-50:rgba(255,255,255,0.5);--color-white-60:rgba(255,255,255,0.6);--color-white-80:rgba(255,255,255,0.8);--color-white-95:rgba(255,255,255,0.95);--color-white-98:rgba(255,255,255,0.98);--color-black-02:rgba(0,0,0,0.02);--color-black-05:rgba(0,0,0,0.05);--color-black-06:rgba(0,0,0,0.06);--color-black-08:rgba(0,0,0,0.08);--color-black-10:rgba(0,0,0,0.1);--color-black-15:rgba(0,0,0,0.15);--color-black-20:rgba(0,0,0,0.2);--color-black-25:rgba(0,0,0,0.25);--color-black-30:rgba(0,0,0,0.3);--color-black-40:rgba(0,0,0,0.4);--color-dark-800-95:rgba(31,41,55,0.95);--color-dark-800-80:rgba(31,41,55,0.8);--color-dark-800-20:rgba(31,41,55,0.2);--color-dark-900-98:rgba(17,24,39,0.98);--color-dark-900-10:rgba(17,24,39,0.1)}.blog-card-glass{background:hsla(0,0%,100%,.85);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.3);box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.5),inset 0 -1px 0 rgba(0,0,0,.05);transition:all .4s cubic-bezier(.4,0,.2,1)}.blog-card-glass:hover{background:hsla(0,0%,100%,.9);backdrop-filter:blur(24px);transform:translateY(-8px) scale(1.02);box-shadow:0 24px 64px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.6),inset 0 -1px 0 rgba(0,0,0,.05)}.dark .blog-card-glass{background:rgba(31,41,55,.8);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1),inset 0 -1px 0 rgba(0,0,0,.2)}.dark .blog-card-glass:hover{background:rgba(31,41,55,.9);backdrop-filter:blur(24px);box-shadow:0 24px 64px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.15),inset 0 -1px 0 rgba(0,0,0,.2)}.blog-card-featured{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.85) 50%,rgba(255,255,255,.9));backdrop-filter:blur(24px);border:1px solid;border-image:linear-gradient(135deg,rgba(239,68,68,.3),rgba(251,191,36,.3) 50%,rgba(239,68,68,.3)) 1;box-shadow:0 12px 40px rgba(0,0,0,.12),0 4px 16px rgba(239,68,68,.1),inset 0 1px 0 hsla(0,0%,100%,.6);position:relative;overflow:hidden}.blog-card-featured:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4) 50%,transparent);transition:left .8s ease}.blog-card-featured:hover{transform:translateY(-12px) scale(1.03);box-shadow:0 32px 80px rgba(0,0,0,.18),0 8px 32px rgba(239,68,68,.15),inset 0 1px 0 hsla(0,0%,100%,.7)}.blog-card-featured:hover:before{left:100%}.dark .blog-card-featured{background:linear-gradient(135deg,rgba(17,24,39,.95),rgba(31,41,55,.9) 50%,rgba(17,24,39,.95));border-image:linear-gradient(135deg,rgba(239,68,68,.4),rgba(251,191,36,.4) 50%,rgba(239,68,68,.4)) 1;box-shadow:0 12px 40px rgba(0,0,0,.4),0 4px 16px rgba(239,68,68,.2),inset 0 1px 0 hsla(0,0%,100%,.15)}.dark .blog-card-featured:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 50%,transparent)}.dark .blog-card-featured:hover{box-shadow:0 32px 80px rgba(0,0,0,.6),0 8px 32px rgba(239,68,68,.25),inset 0 1px 0 hsla(0,0%,100%,.2)}.blog-content-glass{background:hsla(0,0%,100%,.88);backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.25);box-shadow:0 16px 48px rgba(0,0,0,.08),inset 0 1px 0 hsla(0,0%,100%,.5)}.dark .blog-content-glass{background:rgba(31,41,55,.85);border:1px solid hsla(0,0%,100%,.08);box-shadow:0 16px 48px rgba(0,0,0,.25),inset 0 1px 0 hsla(0,0%,100%,.08)}.blog-filter-glass{background:hsla(0,0%,100%,.9);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.3);box-shadow:0 12px 32px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.05),inset 0 1px 0 hsla(0,0%,100%,.6)}.dark .blog-filter-glass{background:rgba(31,41,55,.9);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 12px 32px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.1)}.blog-category-badge{background:rgba(239,68,68,.1);backdrop-filter:blur(8px);border:1px solid rgba(239,68,68,.2);color:var(--color-primary-700);box-shadow:0 2px 8px rgba(239,68,68,.15);transition:all .3s ease}.blog-category-badge:hover{background:rgba(239,68,68,.15);transform:translateY(-1px);box-shadow:0 4px 12px rgba(239,68,68,.2)}.dark .blog-category-badge{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);color:var(--color-primary-300);box-shadow:0 2px 8px rgba(239,68,68,.2)}.dark .blog-category-badge:hover{background:rgba(239,68,68,.2);box-shadow:0 4px 12px rgba(239,68,68,.3)}.blog-tag-badge{background:rgba(251,191,36,.1);backdrop-filter:blur(6px);border:1px solid rgba(251,191,36,.2);color:var(--color-secondary-700);box-shadow:0 2px 6px rgba(251,191,36,.1);transition:all .3s ease}.blog-tag-badge:hover{background:rgba(251,191,36,.15);transform:translateY(-1px);box-shadow:0 4px 10px rgba(251,191,36,.15)}.dark .blog-tag-badge{background:rgba(251,191,36,.12);border:1px solid rgba(251,191,36,.25);color:var(--color-secondary-300);box-shadow:0 2px 6px rgba(251,191,36,.15)}.dark .blog-tag-badge:hover{background:rgba(251,191,36,.18);box-shadow:0 4px 10px rgba(251,191,36,.2)}.blog-share-glass{background:linear-gradient(135deg,rgba(239,68,68,.05),rgba(251,191,36,.05));backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 8px 24px rgba(0,0,0,.08),inset 0 1px 0 hsla(0,0%,100%,.4)}.dark .blog-share-glass{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(251,191,36,.1));border:1px solid hsla(0,0%,100%,.1);box-shadow:0 8px 24px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.08)}.blog-scroll-indicator{position:fixed;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--color-primary-500) 0,var(--color-secondary-400) 100%);transform-origin:left;z-index:50;opacity:0;transition:opacity .3s ease}.blog-scroll-indicator.visible{opacity:1}.blog-image-overlay{position:relative;overflow:hidden}.blog-image-overlay:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,transparent 60%,rgba(0,0,0,.3));opacity:0;transition:opacity .4s ease}.blog-image-overlay:hover:after{opacity:1}.dark .blog-image-overlay:after{background:linear-gradient(180deg,transparent,transparent 50%,rgba(0,0,0,.5))}@keyframes reading-progress{0%{width:0}to{width:var(--progress,0)}}.reading-progress-bar{animation:reading-progress .3s ease-out forwards}@keyframes blog-card-reveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.blog-card-animate{animation:blog-card-reveal .6s ease-out forwards;opacity:0}.blog-card-animate:first-child{animation-delay:.1s}.blog-card-animate:nth-child(2){animation-delay:.2s}.blog-card-animate:nth-child(3){animation-delay:.3s}.blog-card-animate:nth-child(4){animation-delay:.4s}.blog-card-animate:nth-child(5){animation-delay:.5s}.blog-card-animate:nth-child(6){animation-delay:.6s}.blog-prose h2{position:relative;padding-bottom:.5rem;margin-bottom:1.5rem}.blog-prose h2:after{content:"";position:absolute;bottom:0;left:0;width:3rem;height:3px;background:linear-gradient(90deg,var(--color-primary-500) 0,var(--color-secondary-400) 100%);border-radius:2px}.blog-prose h3{color:var(--color-primary-600)}.dark .blog-prose h3{color:var(--color-primary-400)}.blog-prose blockquote{position:relative;padding:1.5rem 2rem;background:rgba(239,68,68,.03);border-left:4px solid var(--color-primary-500);border-radius:0 .75rem .75rem 0;font-style:italic}.dark .blog-prose blockquote{background:rgba(239,68,68,.08)}.blog-prose blockquote:before{content:'"';position:absolute;top:-.5rem;left:1rem;font-size:4rem;color:var(--color-primary-500);opacity:.3;font-family:Georgia,serif}.blog-prose code{background:rgba(251,191,36,.1);padding:.25rem .5rem;border-radius:.375rem;font-size:.875em;border:1px solid rgba(251,191,36,.2)}.dark .blog-prose code{background:rgba(251,191,36,.15);border-color:rgba(251,191,36,.3)}.blog-prose pre{background:var(--color-dark-800)!important;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 16px rgba(0,0,0,.2)}.blog-prose pre code{background:none;border:none;padding:0}.dark .blog-prose pre{background:var(--color-dark-900)!important;border-color:hsla(0,0%,100%,.05)}@media(max-width:768px){.blog-card-glass{backdrop-filter:blur(12px)}.blog-card-glass:hover{transform:translateY(-4px) scale(1.01)}.blog-card-featured,.blog-card-glass:hover{backdrop-filter:blur(16px)}.blog-card-featured:hover{transform:translateY(-6px) scale(1.02)}}@media(prefers-reduced-motion:reduce){.blog-card-featured,.blog-card-glass,.blog-category-badge,.blog-tag-badge{transition:none}.blog-card-featured:hover,.blog-card-glass:hover,.blog-category-badge:hover,.blog-tag-badge:hover{transform:none}.blog-card-animate{animation:none;opacity:1}}@font-face{font-family:Walbaum60pt;src:url(/font/Walbaum60pt/Walbaum60pt.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}body,html{max-width:100vw;overflow-x:hidden;font-family:Inter,ui-sans-serif,system-ui,sans-serif;scroll-behavior:smooth}.container{max-width:80rem;margin:0 auto;padding:0 1rem}@media(min-width:768px){.container{padding:0 2rem}}