*,: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}body{background-color:#fdf5e6;color:#333;font-family:Montserrat,sans-serif;line-height:1.6;margin:0;padding:0}.blog-post-page{background:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin:20px auto;max-width:900px;padding:20px;position:relative}.back-to-blog{background-color:#e67e22;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;left:calc(50% - 450px);margin-bottom:10px;overflow:hidden;padding:10px 15px;position:relative;top:0;transform:translateY(20px);transition:background-color .3s ease}.back-to-blog:hover{background-color:#cf641b}.post-header{margin-bottom:40px;text-align:center}.post-header h1{color:#e67e22;font-size:2.5rem}.post-meta{color:#777;font-size:1rem}.post-cover-photo{border-radius:8px;margin-bottom:20px;max-height:350px;object-fit:cover;width:100%}.featured-image img{border-radius:8px;height:auto;margin:20px 0;width:100%}.post-content h2{color:#e67e22;font-size:1.8rem;margin-top:20px}.post-content p{line-height:1.6;margin:10px 0}.post-content a{color:#e67e22;text-decoration:underline}.content-image{border-radius:8px;display:block;height:auto;margin:20px auto;max-width:80%}.content-video{border-radius:8px;margin:20px 0;width:100%}footer{background-color:#333;color:#fff;padding:20px;text-align:center;width:100%}.post-footer{border-radius:8px;border-top:1px solid #e0e0e0;color:#feedd4;margin-top:30px;padding-top:20px;text-align:center}.post-footer p{color:#fff;font-size:1rem}.post-footer a{color:#e67e22;text-decoration:underline}.post-footer a:hover{color:#cf641b}@media (max-width:768px){.back-to-blog{position:unset}}.collapsible{align-items:center;background-color:#e67e22;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:10px;margin-bottom:5px;outline:none;padding:10px;text-align:left;transition:background-color .3s ease;width:100%}.collapsible:hover{background-color:#cf641b}.arrow{font-size:1.2rem;transition:transform .3s ease}.collapsible.active .arrow{transform:rotate(90deg)}.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%}}}