body{font-family:poppins,sans-serif;background-color:#fcf8f5;color:#222}table{margin-bottom:20px}td,th{border:1px solid #222!important}.container{padding-left:1rem;padding-right:1rem}.navbar{background-color:#fffd;backdrop-filter:blur(6px);box-shadow:0 2px 4px rgba(0,0,0,5%);transition:all .3s ease;z-index:1000}.navbar-brand{font-weight:700;letter-spacing:-.5px}.nav-link{transition:color .2s ease}.nav-link:hover{color:#000!important}.bi.bi-gitlab{color:#fc6d26}.navbar-toggler{border:none}.hero{background:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.3)),url(/img/background.jpg)no-repeat 50%;background-size:cover;color:#fff;text-align:center;padding:100px 20px 60px}.hero h1{font-size:2.2rem;font-weight:700}.blog-container,.projects-container{padding:3rem 1rem;max-width:800px;margin:auto}.post{background-color:#fff;border-radius:12px;padding:20px;transition:transform .3s ease;box-shadow:0 4px 12px rgba(0,0,0,8%);border:1px solid #eee;margin-bottom:20px}.post:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.1);transition:all .2s ease}.post-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.post-meta{font-size:.9rem;color:#888;margin-bottom:1rem}.post-desc{font-size:1rem;color:#555;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-content{line-height:1.8;color:#444;text-align:justify}.post-content pre{background:#f1f1f1;padding:1rem;border-radius:8px;overflow-x:auto}.post-content code{font-family:monospace;background:#f0f0f0;padding:2px 6px;border-radius:4px}.read-more-button{background-color:#4e8cff!important;color:#fff;transition:background-color .2s ease}.read-more-button:hover{background-color:#357de0!important}.pagination .page-link{color:#4e8cff}.pagination .page-link:hover{color:#fff;background-color:#357de0}.pagination .page-item.active .page-link{color:#fff;background-color:#357de0}footer{text-align:center;padding:2rem;color:#aaa;font-size:.9rem}.fade-in{opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease-out forwards}img,pre,code{max-width:100%;overflow-x:auto;word-wrap:break-word}pre{background:#f8f8f8;padding:1rem;border-radius:8px;overflow-x:auto}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.hero{opacity:0;transform:scale(.98);animation:heroFadeIn 1.2s ease-out forwards;animation-delay:.2s}@keyframes heroFadeIn{to{opacity:1;transform:scale(1)}}.responsive-title{font-size:2rem;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word}.card:hover{transform:translateY(-4px);transition:.3s;box-shadow:0 4px 10px rgba(0,0,0,.1)}@media(max-width:576px){.responsive-title{font-size:1.5rem}}