:root{--transition-speed:.3s;--primary-brand-color:#1d006d;--link-hover-color:#190075}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter','Segoe UI',Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;color:#333;min-width:300px;background-color:#ffffff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.error-message{background-color:#fee;border:1px solid #fcc;color:#c00;padding:1rem;margin:1rem;border-radius:.5rem;text-align:center}header{width:100%;padding:20px;min-width:300px;background:white}.header-box{max-width:1250px;align-items:center;display:flex;justify-content:space-between;margin:auto}.header-container{align-items:center;display:flex;justify-content:space-between}.logo-text{display:flex;align-items:center;font-size:28px;font-weight:bold;letter-spacing:2px;text-transform:uppercase;color:var(--primary-brand-color);text-shadow:2px 2px 5px rgba(0,0,0,.1)}nav{display:block}.nav-links{list-style:none;display:flex}.nav-links li{margin:0 15px}.nav-links a{color:#000000;text-decoration:none;font-weight:500;transition:color .3s,transform .3s;position:relative}.nav-links a::before{content:'';position:absolute;width:100%;height:2px;bottom:-5px;left:0;background-color:var(--link-hover-color);visibility:hidden;transform:scaleX(0);transition:all .3s ease-in-out}.nav-links a:hover::before{visibility:visible;transform:scaleX(1)}.nav-links a:hover{color:var(--link-hover-color);transform:translateY(-2px)}.hamburger{display:none;flex-direction:column;cursor:pointer;background:transparent;border:none;padding:0}.bar{width:25px;height:3px;background-color:#000000;margin:4px 0;transition:transform .3s}.page-container{margin:auto;position:relative;z-index:0}.post-container{margin:auto}.post-header{margin-bottom:20px;padding:20px;background:linear-gradient(145deg,#053391,#c21dc5);animation:gradientAnimation 10s ease infinite;box-shadow:4px 5px 10px rgb(130 66 164 / 73%);background-size:200% 200%}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.post-title{font-size:clamp(2rem,5vw,2.5rem);margin-bottom:10px;color:#ffffff;text-align:center}.title-pera{color:white;text-align:center;font-size:1.1rem;max-width:600px;margin:0 auto}.post-content{max-width:1200px;justify-self:center;font-size:1.1rem;line-height:1.6;color:#444;background:white;padding:20px 25px;border-radius:10px;margin:2rem auto;word-break:break-word}.post-content h2{margin-bottom:1rem}.post-content p,.post-content ul{margin-bottom:1rem}.post-content ul{list-style-position:inside}.site-footer{background-color:#1b1b1b;color:#fff;padding:40px 20px;text-align:center;min-width:300px}.site-footer h2{font-size:1.5rem;color:#ffde59;margin-bottom:20px;text-transform:uppercase;text-shadow:0 0 8px #ffde59}.footer-menu{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.footer-menu a{color:#fff;text-decoration:none;padding:10px;margin:5px;transition:color .2s}.footer-menu a:hover{color:#ffde59}@media (max-width:900px){.header-box{flex-direction:column;align-items:center}.header-container{width:100%}.nav-links{flex-direction:column;width:100%;max-height:0;overflow:hidden;transition:max-height var(--transition-speed) ease-in-out;margin-top:10px}.nav-links.active{max-height:300px}.nav-links li{text-align:center;margin:15px 0}.hamburger{display:flex}}.author-section{background-color:white;padding:20px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);max-width:600px;display:flex;align-items:center}.author-image{border-radius:50%;width:150px;height:150px;object-fit:cover;margin-right:20px}.author-info{flex:1}.author-name{margin:0;font-size:24px;color:#333}.author-bio{margin:10px 0;color:#666}