body{margin:0;min-height:100vh;background-image:url(/assets/bg-BtoLlVGA.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;font-family:Courier New,Courier,monospace;color:#fff;padding:0 20px}.blog-header{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:20px 0}.logo{height:80px;width:auto}.nav-buttons a{color:#fff;text-decoration:none;padding:10px 20px;border:2px solid rgba(255,255,255,.8);border-radius:5px;margin-left:15px;transition:background-color .3s,color .3s;font-weight:700;background-color:#0006}.nav-buttons a:hover{background-color:#ffffffe6;color:#000}.blog-main{max-width:1200px;margin:20px auto 60px;text-align:center}.blog-main h1{font-size:clamp(2.5rem,5vw,4rem);text-shadow:0 0 15px rgba(255,255,255,.7);margin-bottom:40px}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:40px}.article-card{background-color:#fff;border:4px solid #000;box-shadow:8px 8px #000;padding:20px;text-align:left;color:#000;text-decoration:none;display:flex;flex-direction:column;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.article-card:hover{transform:translate(-4px,-4px) rotate(-2deg);box-shadow:12px 12px #000}.article-card:nth-child(2n):hover{transform:translate(-4px,-4px) rotate(2deg)}.card-image{width:100%;height:180px;object-fit:cover;border:2px solid #000;margin-bottom:15px}.article-card h2{font-size:1.4rem;margin:0 0 10px}.article-card p{font-size:1rem;line-height:1.4;flex-grow:1;margin:0}.article-page{max-width:900px;margin:20px auto 60px;padding:30px 40px;background-color:#141414d9;border:2px solid rgba(255,255,255,.5);border-radius:10px;box-shadow:0 0 20px #00000080}.article-page h1{text-align:center;margin-bottom:30px;font-size:clamp(2rem,4vw,3rem)}.article-page p{font-size:1.2rem;line-height:1.6}@media (max-width: 768px){.logo{height:60px}.nav-buttons a{padding:8px 12px;font-size:.9rem}.articles-grid{grid-template-columns:1fr;gap:30px}}.article-page h2{font-size:clamp(1.8rem,3vw,2.2rem);margin-top:40px;margin-bottom:20px;border-bottom:2px solid rgba(255,255,255,.3);padding-bottom:10px}.article-page h3{font-size:clamp(1.4rem,2.5vw,1.8rem);margin-top:30px;margin-bottom:15px}.article-page ol,.article-page ul{font-size:1.2rem;line-height:1.8;padding-left:40px;margin-bottom:20px}.article-page ol{list-style:decimal}.article-page ul{list-style:disc}.article-page ul ul{list-style-type:circle;margin-top:15px;margin-bottom:15px}.article-page ol li,.article-page ul li{margin-bottom:15px}.article-page strong{color:#87ceeb}.article-page code{background-color:#00000080;padding:2px 6px;border-radius:4px;font-family:Courier New,Courier,monospace;color:pink}.article-page pre{background-color:#111;border:1px solid #444;padding:20px;border-radius:8px;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.article-page pre code{background-color:transparent;padding:0;color:#f0f0f0}.article-page hr{border:0;height:1px;background-image:linear-gradient(to right,#fff0,#ffffff80,#fff0);margin:40px 0}.article-page .intro{font-size:1.3rem;font-style:italic;color:#ccc;text-align:center;margin-bottom:40px}.article-page .article-meta{text-align:center;color:#aaa;font-size:1rem;margin-top:-20px;margin-bottom:30px}.article-page .article-image{width:100%;max-width:600px;display:block;margin:20px auto;border:2px solid #888;border-radius:5px}.article-page .image-caption{text-align:center;font-size:1rem;color:#aaa;margin-top:-10px;margin-bottom:30px}.call-to-action{margin-top:50px;padding:30px;background-color:#0000004d;border:2px solid #87CEEB;border-radius:8px;text-align:center}.call-to-action h3{margin-top:0;color:#87ceeb}.call-to-action p{font-size:1.1rem}.cta-button{display:inline-block;margin-top:20px;padding:12px 25px;background:linear-gradient(90deg,#87ceeb,pink);color:#000;font-weight:700;text-decoration:none;border-radius:5px;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 15px #87ceeb66}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #87ceeb99;color:#000}