body{font-family:var(--font-mono, "IBM Plex Mono", "Fira Mono", "SF Mono", "Courier New", monospace);background:#181818;color:#f5e9c9;line-height:1.7;margin:0;padding:0;overflow-x:hidden}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary, #ffd700);color:var(--color-bg, #181818);padding:8px 16px;text-decoration:none;border-radius:0 0 8px;font-weight:600;z-index:1000;transition:top var(--transition-fast, .2s ease)}.skip-link:focus{top:0}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.particles-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.particle{position:absolute;width:2px;height:2px;background:var(--color-primary, #ffd700);border-radius:50%;opacity:0}@media (prefers-reduced-motion: no-preference){.particle{animation:float-particle 20s linear infinite}}@media (prefers-reduced-motion: no-preference){@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.post-section:nth-child(1){animation-delay:.1s}.post-section:nth-child(2){animation-delay:.2s}.post-section:nth-child(3){animation-delay:.3s}.post-section:nth-child(4){animation-delay:.4s}@keyframes float-particle{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.4}90%{opacity:.4}to{transform:translateY(-10vh) scale(1);opacity:0}}}@media (prefers-reduced-motion: reduce){.post-section{animation:none!important;opacity:1!important}.particle{display:none!important}}.circuit-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.03}@media (prefers-reduced-motion: no-preference){.circuit-bg{animation:pulse-circuit 10s ease-in-out infinite}@keyframes pulse-circuit{0%,to{opacity:.03}50%{opacity:.06}}}.circuit-line{position:absolute;width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-primary, #ffd700) 10%,var(--color-primary, #ffd700) 90%,transparent 100%);filter:blur(1px)}.circuit-line:nth-child(1){top:25%}.circuit-line:nth-child(2){top:50%}.circuit-line:nth-child(3){top:75%}.content-section{opacity:0;transform:translateY(30px);transition:all var(--transition-smooth, .4s cubic-bezier(.4, 0, .2, 1))}.content-section.visible{opacity:1;transform:translateY(0)}.home-container{max-width:1200px;margin:2.5rem auto 3rem;padding:2.5rem 3rem 2rem;background:#222;border-radius:1.5rem;box-shadow:0 4px 32px #111;border:1.5px solid #ffd700;position:relative;z-index:2}.post-section{margin-bottom:4rem;padding:2.5rem;background:linear-gradient(135deg,#222c,#2229);border:1px solid rgba(255,215,0,.2);border-radius:var(--radius-lg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);transition:all var(--transition-smooth);position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d;opacity:0}@media (prefers-reduced-motion: no-preference){.post-section{animation:fadeInUp .8s ease forwards}}.post-section:hover{border-color:#ffd70066;box-shadow:0 12px 40px #ffd70026;transform:translateY(-4px) scale(1.01);background:linear-gradient(135deg,#222222e6,#222222b3);cursor:pointer}.post-section:last-of-type{margin-bottom:2rem}.post-header{margin-bottom:1.5rem;text-align:left;position:relative}.post-header:after{content:"";display:table;clear:both}.post-icon-container{float:left;margin-right:1.5rem;margin-bottom:1rem;background:#ffd7000d;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,215,0,.2);transition:all .3s ease;position:relative;overflow:hidden}.post-icon-container:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,215,0,.1) 0%,transparent 70%);transition:all .4s ease;transform:translate(-50%,-50%)}.post-section:hover .post-icon-container:before{width:150%;height:150%}.post-section:hover .post-icon-container{transform:scale(1.1) rotate(5deg);border-color:var(--color-primary);background:#ffd7001a;box-shadow:0 0 30px #ffd7004d}.post-icon{width:60px;height:60px;position:relative;z-index:1}.post-title,h2.post-title,.post-section .post-title,.post-section h2.post-title,.post-header .post-title,.post-header h2.post-title{color:gold!important;font-size:2.1rem;font-weight:800;margin-bottom:.3rem;letter-spacing:.06em;line-height:1.2;transition:all .3s ease;text-shadow:none;margin-top:0;font-family:inherit}.post-meta{color:#ffed4e;font-size:1.05rem;margin-bottom:1.2rem;opacity:.9}.post-summary{background:#0006;color:#f5e9c9;border-left:4px solid #ffd700;padding:1.2rem 1.5rem;margin-bottom:2.2rem;font-size:1.08rem;border-radius:.5rem;box-shadow:inset 0 2px 10px #0000004d}.post-toc{margin-bottom:2.5rem;background:#222222b3;border-radius:.5rem;padding:1.2rem 1.5rem;border-left:4px solid #ffd700}.post-toc h2{color:var(--color-primary);font-size:1.1rem;margin-bottom:.7rem;letter-spacing:.08em}.post-toc ol{margin:0;padding-left:1.2rem;font-size:1.01rem}.post-toc ol li{color:gold;margin-bottom:.4rem}.post-toc ol a{color:gold;font-weight:700;text-decoration:underline;transition:all .2s;opacity:.9}.post-toc ol a:hover{color:#ffed4e;opacity:1;text-shadow:0 0 8px rgba(255,215,0,.5)}.content-section h2{color:var(--color-primary);font-size:1.3rem;margin-bottom:.7rem;letter-spacing:.06em}.content-section p{color:#f5e9c9;margin-bottom:1.1rem}.post-divider{height:2px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.4),transparent);margin:6rem 0;position:relative;border-radius:1px;overflow:hidden}.post-divider:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:var(--color-primary);border-radius:50%;box-shadow:0 0 15px #ffd70099}.post-divider:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.8),transparent)}@media (prefers-reduced-motion: no-preference){@keyframes pulse-divider{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}@keyframes scan-divider{0%{left:-100%}to{left:100%}}.post-divider:before{animation:pulse-divider 3s ease-in-out infinite}.post-divider:after{animation:scan-divider 6s linear infinite}}.read-more{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,215,0,.2)}.read-more-link{color:var(--color-primary);text-decoration:none;font-weight:600;font-size:1.1rem;padding:.8rem 2rem;border:2px solid var(--color-primary);border-radius:var(--radius-sm);display:inline-block;transition:all var(--transition-smooth);background:linear-gradient(135deg,#ffd7000d,#ffd70005);position:relative;overflow:hidden}.read-more-link:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,215,0,.1) 0%,transparent 70%);transition:all var(--transition-smooth);transform:translate(-50%,-50%)}.read-more-link:hover:before{width:200%;height:200%}.read-more-link:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #ffd70066;border-color:var(--color-primary-glow);background:#ffd70026}.post-section.placeholder .post-title{color:#ffd700cc}.post-section.placeholder .post-meta span{color:#f5e9c9cc}.post-section.placeholder .post-summary{background:#181818b3;color:#f5e9c9e6;border-left:4px solid rgba(255,215,0,.6)}.post-section.placeholder .post-toc{background:#22222280;border-left:4px solid rgba(255,215,0,.6)}.post-section.placeholder .post-toc h2{color:#ffd700cc}.post-section.placeholder .post-toc ol{color:#f5e9c9cc}.post-section.placeholder .content-section h2{color:#ffd700cc}.post-section.placeholder .content-section p{color:#fffbe9cc}.blog-pagination{margin-top:4rem;padding:2rem 0;border-top:1px solid rgba(255,215,0,.2)}.pagination-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;font-size:.9rem;color:var(--color-text)}.page-info{color:var(--color-primary);font-weight:600;text-transform:uppercase;letter-spacing:.1em}.posts-info{opacity:.8}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:2rem}.pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background:linear-gradient(135deg,#22222280,#2222224d);border:1px solid rgba(255,215,0,.2);border-radius:var(--radius-md);color:var(--color-text);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all var(--transition-smooth);position:relative;overflow:hidden;font-family:inherit;outline:none}.pagination-btn:not(:disabled):hover{transform:translateY(-2px);border-color:var(--color-primary);box-shadow:0 8px 25px #ffd70033;color:var(--color-primary)}.pagination-btn:not(:disabled):focus{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary);color:var(--color-primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.pagination-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);transition:left var(--transition-smooth)}.pagination-btn:not(:disabled):hover:before{left:0}.btn-icon{font-size:1.1rem;transition:transform var(--transition-fast)}.pagination-btn.prev:hover .btn-icon{transform:translate(-3px)}.pagination-btn.next:hover .btn-icon{transform:translate(3px)}.page-numbers{display:flex;gap:.5rem;align-items:center}.page-number{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#22222280,#2222224d);border:1px solid rgba(255,215,0,.2);border-radius:50%;color:var(--color-text);font-weight:600;cursor:pointer;transition:all var(--transition-smooth);position:relative;overflow:hidden;font-family:inherit;outline:none}.page-number:hover{transform:translateY(-2px);border-color:var(--color-primary);box-shadow:0 8px 25px #ffd70033;color:var(--color-primary)}.page-number:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary);color:var(--color-primary)}.page-number.active{background:linear-gradient(135deg,#ffd70033,#ffd7001a);border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 4px 15px #ffd7001a}.page-number.active:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,215,0,.1) 0%,transparent 70%);animation:pulse-active 2s ease-in-out infinite;transform:translate(-50%,-50%)}@keyframes pulse-active{0%,to{width:0;height:0;opacity:.5}50%{width:100%;height:100%;opacity:1}}@media (max-width: 768px){.pagination-info{flex-direction:column;gap:.5rem;text-align:center;margin-bottom:1.5rem}.post-icon-container{width:60px;height:60px;margin-right:1rem;margin-bottom:.5rem}.post-icon{width:45px;height:45px}.pagination-controls{flex-direction:column;gap:1rem}.pagination-btn{width:100%;max-width:200px;justify-content:center}.page-numbers{order:-1}}@media (max-width: 1250px){.home-container{max-width:95%;padding:2rem}}@media (max-width: 900px){.home-container{max-width:100%;padding:1.5rem;margin:1.5rem .5rem;border-radius:1rem}.post-section{padding:1.5rem;margin-bottom:2rem}.post-title{font-size:1.6rem;line-height:1.3}.post-meta{font-size:.9rem}.post-toc{padding:1rem}.content-section h2{font-size:1.2rem}}@media (max-width: 600px){.home-container{padding:1rem;margin:1rem .25rem;border-radius:.75rem}.post-icon-container{float:none;margin:0 auto 1rem;display:flex}.post-header{text-align:center}.post-title{font-size:1.5rem}.post-section{padding:1rem;margin-bottom:1.5rem}.post-title{font-size:1.3rem;text-shadow:0 0 20px rgba(255,215,0,.5)}.post-summary{padding:.8rem 1rem;font-size:.95rem}.post-toc{padding:.8rem 1rem}.post-toc ol{padding-left:1rem;font-size:.9rem}.content-section{font-size:.95rem}.read-more-link{padding:.6rem 1.2rem;font-size:.9rem}.pagination-controls{gap:.5rem}.particles-container{display:none}}