.category-grid{grid-template-columns:repeat(2,1fr);gap:10px;width:100%;margin-bottom:20px;display:grid}.category-card{text-align:center;will-change:transform;background-color:#ffffff10;border:1px solid #ffffff3f;border-radius:50px;flex-direction:column;justify-content:center;align-items:center;height:40px;padding:0;text-decoration:none;transition:all .3s;display:flex;transform:translateZ(0);box-shadow:0 5px 15px #00000040}.category-card:hover{background-color:#ffffff20;transform:translateY(-5px)translateZ(0);box-shadow:0 10px 20px #00000060}.category-title{color:var(--primary-color);margin-bottom:10px;font-size:1.5em;font-weight:700}.category-subtitle{color:var(--secondary-color);font-size:1em}.blog-post-meta{border-bottom:2px solid var(--hr-color);justify-content:space-between;align-items:center;width:100%;margin-top:20px;padding-bottom:15px;display:flex}.blog-post-meta-details{color:var(--text-color);opacity:.8;gap:20px;font-family:Comfortaa,sans-serif;font-size:1.1em;font-weight:700;display:flex}@media screen and (max-width:600px){.blog-post-meta{text-align:center;flex-wrap:wrap;justify-content:center;gap:15px}.blog-post-meta-details{flex-wrap:wrap;justify-content:center;gap:15px}}.post-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;width:100%;display:grid}.post-card{will-change:transform;background-color:#ffffff10;border:1px solid #ffffff3f;border-radius:10px;flex-direction:column;justify-content:flex-start;min-height:400px;padding:20px;text-decoration:none;transition:all .3s;display:flex;transform:translateZ(0)}.post-card:hover{background-color:#ffffff20;transform:translateY(-5px)translateZ(0);box-shadow:0 10px 20px #00000060}.post-title{color:var(--primary-color);margin-bottom:5px;font-size:1.4em;font-weight:700}.post-date{color:var(--secondary-color);margin-bottom:10px;font-size:.9em}.post-excerpt{color:var(--text-color);font-size:1em;line-height:1.5}.prose{width:100%;color:var(--text-color);font-family:Comfortaa,sans-serif;line-height:1.6}.prose h1{color:var(--primary-color);margin-top:40px;margin-bottom:20px;font-size:2.2em;font-weight:700}.prose h2{color:var(--secondary-color);margin-top:30px;margin-bottom:15px;font-size:1.8em;font-weight:700}.prose p{margin-bottom:20px;font-size:1.1em}.prose a{color:var(--primary-color);text-decoration:underline}.prose ul,.prose ol{margin-bottom:20px;padding-left:20px}.prose li{margin-bottom:10px}.prose blockquote{border-left:4px solid var(--secondary-color);color:var(--secondary-color);background-color:#ffffff05;border-radius:0 10px 10px 0;margin:20px 0;padding:15px 20px;font-style:italic}.prose code{color:var(--primary-color);background-color:#00000050;border-radius:4px;padding:2px 6px;font-family:monospace}body.dark .prose code{color:var(--primary-color);background-color:#ffffff50}.prose pre{background-color:#00000080;border-radius:10px;margin-bottom:20px;padding:20px;overflow-x:auto}body.dark .prose pre{background-color:#ffffff30}.prose pre code{color:var(--text-color);background-color:#0000;padding:0}body.dark .prose pre code{background-color:#0000}.code-comment{color:var(--secondary-color);opacity:.8;font-style:italic}.post-card-image{object-fit:cover;border-radius:8px;width:100%;height:180px;margin-bottom:15px}.prose img{border-radius:10px;max-width:100%;height:auto;margin:20px 0;box-shadow:0 5px 15px #00000040}.prose details{background-color:#ffffff10;border:1px solid #ffffff3f;border-radius:10px;margin:30px 0;padding:0;transition:background-color .3s,border-color .3s;overflow:hidden;box-shadow:0 5px 15px #00000040}body.dark .prose details{background-color:#ffffff05}.prose details[open]{background-color:#ffffff15;border-color:#ffffff60}.prose summary{color:var(--primary-color);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:20px 25px;font-size:1.3em;font-weight:700;list-style:none;transition:background-color .3s;display:flex}.prose summary::-webkit-details-marker{display:none}.prose summary:hover{background-color:#ffffff10}.prose summary:after{content:"▼";opacity:.8;font-size:.7em;transition:transform .3s}.prose details[open] summary{border-bottom:1px solid #ffffff20;margin-bottom:20px}.prose details[open] summary:after{transform:rotate(180deg)}.prose details>:not(summary){padding:0 25px 25px;animation:.4s ease-out details-fade-in}@keyframes details-fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.blogs-dashboard-container{flex-direction:column;gap:30px;width:90%;max-width:1400px;margin:0 auto;display:flex}.blogs-split{flex-direction:row;align-items:flex-start;gap:30px;width:100%;display:flex}.blogs-left-box{flex:1;min-width:300px}.blogs-right-box{flex:2;min-width:0}@media screen and (max-width:900px){.blogs-split{flex-direction:column}.blogs-left-box,.blogs-right-box{width:100%}}.blogs-header{color:var(--primary-color);font-family:Comfortaa,sans-serif;font-size:2.5em;font-weight:700}.blogs-subheader{color:var(--secondary-color);font-family:Comfortaa,sans-serif;font-size:1.8em;font-weight:700}.blogs-hr{background-color:var(--hr-color);border-width:0;border-radius:5px;width:20%;height:5px;margin-bottom:30px}.icon-dark{display:none}.icon-light{display:block}body.dark .icon-light{display:none!important}body.dark .icon-dark{display:block!important}.infinite-scroll-wrapper{width:100%;padding:20px 0;position:relative;overflow:hidden}.infinite-scroll-container{width:max-content;animation:30s linear infinite infinite-scroll;display:flex}.infinite-scroll-container:hover{animation-play-state:paused}@keyframes infinite-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.blog-post-layout{gap:40px;width:90%;max-width:1600px;margin:0 auto;display:flex}.blog-post-content{flex:1;min-width:0}.blog-post-sidebar{flex-shrink:0;width:300px;transition:margin-left .4s cubic-bezier(.175,.885,.32,1.275),opacity .3s;display:none}@media screen and (min-width:1200px){.blog-post-sidebar{display:block}}body.toc-closed .blog-post-sidebar{opacity:0!important;margin-left:-340px!important}.toc-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff10;border:1px solid #ffffff3f;border-radius:15px;max-height:calc(100vh - 120px);padding:30px;position:sticky;top:100px;overflow-y:auto;box-shadow:0 10px 30px #00000080}@media screen and (max-width:1199px){body.mobile-toc-open .blog-post-sidebar{-webkit-backdrop-filter:blur(10px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}body.mobile-toc-open .toc-container{width:90%;max-width:400px;max-height:80vh;position:static}}