.blog-page{color:#00ff85;background:#0d0d0d;justify-content:center;min-height:100vh;padding:3rem 2rem;font-family:Courier New,monospace;display:flex}.blog-page .blog-container{flex-direction:column;gap:2rem;width:100%;max-width:1200px;display:flex}.blog-page .blog-title-left{text-align:left;color:#0f0;margin-bottom:.5rem;font-family:Courier New,monospace;font-size:1.3rem}.blog-page h1{color:#00ff85;text-align:center;margin-bottom:.5rem;font-size:3rem}.blog-page .blog-subtitle{color:#fff;text-align:center;margin-bottom:2rem;font-size:1rem}.blog-page .blog-grid{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.blog-page .blog-box{cursor:pointer;background:#0d0d0d;border:2px solid #00ff85;border-radius:12px;flex-direction:column;width:300px;padding:1rem;transition:transform .3s,box-shadow .3s;display:flex}.blog-page .blog-box:hover{transform:translateY(-6px)scale(1.02);box-shadow:0 8px 20px #0d0d0d}.blog-page .blog-box .blog-date{color:#fff;opacity:.6;margin-bottom:.5rem;font-size:.65rem;font-weight:bolder}.blog-page .blog-box .blog-title{color:#fff;margin:0 0 .5rem;font-size:1rem}.blog-page .blog-box .blog-excerpt{color:#fff;opacity:.8;margin:0;font-size:.75rem;font-weight:bolder}