*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:#f4f4f4;line-height:1.3;overflow-x:hidden}body,footer{font-family:Afacad Flux,Arial,sans-serif}footer{background-color:#333;color:#fff;padding:20px;text-align:center;width:100%}body{background-color:#fdf5e6;color:#333}.blog-page{padding:40px 20px}.blog-header{margin-bottom:40px;text-align:center}.blog-header h1{color:#e67e22;font-size:2.5rem}.blog-header p{color:#5a5a5a;font-size:1.2rem;margin-top:10px}.blog-posts{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.blog-post{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:20px}.blog-post img{border-radius:5px;height:180px;object-fit:cover;width:100%}.blog-post .post-details{padding:15px 0}.blog-post h2{color:#e67e22;font-size:1.8rem}.blog-post a{color:#e67e22;text-decoration:underline}.blog-post .post-excerpt{color:#5a5a5a;font-size:1rem;margin-top:10px}.blog-post .post-meta{color:#999;font-size:.9rem;margin-top:5px}.blog-post .post-tags{display:flex;flex-wrap:wrap;margin-top:15px}.blog-post .tag{background-color:#f0f0f0;border-radius:20px;color:#555;display:inline-block;font-size:.9rem;margin-bottom:8px;margin-right:8px;padding:5px 10px}.blog-post .tag:hover{background-color:#e67e22;color:#fff}.tags-section{margin-bottom:40px;margin-top:40px}.tags-section a{color:#333;text-decoration:none}.tags-section a:hover{color:#fff}.tags-section h3{color:#e67e22;font-weight:600;margin-bottom:10px;text-align:left}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px}.tag-cloud .tag{background-color:#f0f0f0;border-radius:20px;color:#555;font-size:.9rem;padding:5px 15px}.tag-cloud .tag:hover,.tag.active{background-color:#e67e22;color:#fff}.pagination{display:flex;gap:20px;justify-content:center;margin-top:40px}.pagination button{background-color:#e67e22;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.pagination button:hover{background-color:#c1691c}#single-post-view{background-color:#f0f0f0;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:20px}#single-post-view h2{margin-top:0}.post-item{cursor:pointer;margin-bottom:20px}#back-to-list{background-color:#e67e22;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 15px}#back-to-list:hover{background-color:#c1691c}.top-nav{align-items:center;background-color:#333;border-bottom:2px solid #e67e22;color:#fff;display:flex;font-family:Afacad Flux,Arial,sans-serif;font-size:1em;justify-content:space-between;left:0;line-height:normal;padding:5px 5px 5px 20px;position:fixed;top:0;width:100%;z-index:999}.nav-left a,.nav-right button{color:#fff;font-weight:400;padding:8px 15px;text-decoration:none}.nav-left a:hover,.nav-right button:hover{background-color:#e67e22}.nav-left,.nav-right{align-items:center;display:flex}.nav-right{justify-content:flex-end;margin-left:auto}.navbar-button{background:#e67e22;border:none;border-radius:3px;color:#ffedd5;display:none;margin-top:auto;padding:5px;text-align:center;text-decoration:none}.logo img{display:block;max-height:30px;object-fit:contain;padding:0;width:80px}.logo img.hover,.logo:hover img.default{display:none}.logo:hover img.hover{display:block}.mobile-menu{background-color:#333;border-top:2px solid #e67e22;display:none;flex-direction:column;margin-top:0;padding:0;position:absolute;right:0;top:100%;width:200px;z-index:999}.mobile-menu a{color:#fff;font-weight:700;padding:15px;text-align:center;text-decoration:none}.mobile-menu a:hover{background-color:#e67e22}.hamburger{display:none;font-size:1.5rem}.hamburger,.userHamburger{color:#fff;cursor:pointer}#userGreeting{align-items:center;display:none;margin-right:10px}#userName{text-decoration:underline}#userMenu{cursor:pointer;margin-left:8px}.mobile-menu.show{display:flex}#signInButton,#signUpButton{margin-right:10px}@media (max-width:768px){.nav-left{display:none}.hamburger{display:block}.mobile-menu{background-color:#333;display:none;flex-direction:column;left:0;margin-top:0;padding:0;position:absolute;top:100%;width:100%;z-index:999}.mobile-menu.show{display:flex}#userMenu{cursor:pointer;margin-left:8px;margin-right:8px}.navbar-button{padding:2px 5px}}.notification{align-items:center;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.15);display:none;display:flex;font-size:.9em;gap:10px;left:20px;margin-top:10px;max-width:300px;opacity:0;padding:10px 15px;position:fixed;text-align:left;top:70px;transition:opacity .5s ease,top .5s ease;z-index:999}.notification.show{display:flex;opacity:1;top:60px}.notification.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.notification.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.notification .icon{font-size:1.2em}.notification .close-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2em;margin-left:auto;z-index:999}@media (max-width:768px){@media (max-width:768px){.notification{left:50%;max-width:none;transform:translateX(-50%);width:90%}}}