:root{--primary-dark:#0d1f33;--primary-medium:#152f4f;--primary-light:#1c3f68;--accent-color:#4180cb;--highlight-color:#d9c96d;--text-light:#fff;--text-muted:#666;--background-color:#f9f9f9;--card-background:#fff}h1.blog-title{color:var(--text-light);font-size:2.8em;font-weight:700;margin:0;padding-bottom:15px;position:relative;display:inline-block}h1.blog-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100px;height:3px;background-color:var(--highlight-color)}.blog-container{max-width:72vw;margin:50px auto;padding:0 20px}.blog-post{margin-bottom:50px;padding:35px;border-radius:10px;animation:blogFadeIn 1s forwards;opacity:0;background-color:var(--card-background);box-shadow:0 8px 25px rgba(0,0,0,.08);transition:all .3s ease-in-out;position:relative;border-top:3px solid var(--accent-color)}.blog-post:hover{box-shadow:0 12px 35px rgba(0,0,0,.12);transform:translateY(-3px)}.blog-post h2{margin-top:0;font-size:2em;color:var(--primary-dark);font-weight:700;line-height:1.2}.blog-post h2 a{text-decoration:none;color:inherit;transition:color .3s}.blog-post h2 a:hover{color:var(--accent-color)}.blog-content{position:relative;overflow:hidden;line-height:1.7;max-height:7.5em;margin-bottom:25px;color:var(--text-muted);font-size:1.05em}.blog-content:after{content:"";text-align:right;position:absolute;bottom:0;right:0;width:100%;height:2em;background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff 80%)}.tags{margin-top:25px;margin-bottom:25px}.tag{display:inline-block;margin:3px;padding:5px 10px;background-color:var(--primary-light);color:var(--text-light);border-radius:18px;transition:all .3s;font-size:.75em;font-weight:500}.tag:hover{background-color:var(--accent-color);transform:translateY(-2px)}.created-at{font-size:.85em;color:var(--text-muted);margin-top:25px;margin-bottom:0;font-style:italic}@keyframes blogFadeIn{to{opacity:1}}@media (max-width:1020px){.blog-container{padding:0;margin:20px auto;width:90%;display:flex;flex-direction:column;align-items:flex-start}.blog-post{padding:15px;width:100%;box-sizing:border-box}h1.blog-title{font-size:1.9em;margin-bottom:12px;text-align:left}.blog-post h2{font-size:1.5em;margin-top:8px;text-align:left}.blog-content{font-size:.9em;line-height:1.4;text-align:left}body{padding-top:65px}.tags{margin-top:12px;margin-bottom:12px;display:flex;justify-content:flex-start;flex-wrap:wrap}.created-at{margin-top:12px;text-align:left}}.blog-outer-container h1{text-align:center;font-size:2.5em;font-weight:700;color:var(--primary-dark);margin:40px 0 30px;padding-bottom:15px;position:relative}.blog-outer-container h1:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:3px;background-color:var(--accent-color)}.blog-outer-container h1 span{display:block;font-size:.5em;font-weight:400;color:var(--text-muted);margin-top:10px}@media (max-width:768px){.blog-outer-container h1{font-size:2.2em;margin:30px 0 25px}.blog-outer-container h1:after{width:60px}}.pagination-container{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:40px}.pagination-buttons button{padding:10px 20px;border:none;border-radius:18px;background-color:var(--primary-light);color:var(--text-light);cursor:pointer;transition:all .3s;font-size:.9em;font-weight:500;margin:0 5px}.pagination-buttons button:hover{background-color:var(--accent-color);transform:translateY(-2px)}.pagination-buttons button:disabled{background-color:var(--text-muted);color:var(--text-light);cursor:not-allowed;transform:none}.pagination-buttons span{font-size:.9em;color:var(--text-muted);margin:0 10px}@keyframes blogFadeInAndSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.main-nav ul{color:var(--text-light)!important}