html,body{height:100%;margin:0;padding:0;display:flex;flex-direction:column;min-height:100%;background-color:#fffaea;color:#222;font-family:sans-serif;line-height:1.6}body{min-height:100%}header{flex:none}.flex-main{flex:1 0 auto}.container{max-width:768px;margin:0 auto;padding:0}.site-header{width:100%;background-color:#a6aaee;color:#fff}.site-header .container{display:flex;justify-content:space-between;align-items:center;max-width:1920px;padding:.5rem 1rem}.main-nav a{text-decoration:none;color:#fff;font-weight:700;transition:color .2s ease}.main-nav a:hover{color:#9aefff}footer{flex:none;background-color:#fae9e9;color:#222;text-align:center;padding:1rem}button,.btn{background-color:#d2898a;color:#fff;padding:.5rem 1rem;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:background-color .2s ease}button:hover,.btn:hover{background-color:#9ac7f5}.card{background-color:#fae9e9;padding:1rem;border-radius:8px;margin-bottom:1rem}.recent-posts{background-color:#fae9e9;padding:2rem 0}.recent-posts h2{margin-bottom:1rem;color:#222}.recent-posts ul{list-style:none;margin:0;padding:0}.recent-posts li{margin-bottom:1.5rem}.recent-posts a{font-weight:700;color:#a6aaee;text-decoration:none}.site-header .logo img{width:200px;height:auto;image-rendering:pixelated}.main-nav ul{list-style:none;align-items:center;margin:0;padding:0;display:flex;gap:2rem}.main-nav li{margin:0}.blog-post{max-width:768px;margin:0 auto;line-height:1.7;padding:1rem}.blog-post h1{margin-bottom:1rem}.blog-summary{background-color:#fae9e9;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.blog-summary h3{color:#a6aaee;text-decoration:none}.blog-summary a:hover{color:#9aefff}.post-meta{color:#666;font-size:.9rem;margin-bottom:1.5rem}.hero{position:relative;width:100%;height:50vh;overflow:hidden}.hero .slide{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero .slide-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;filter:blur(4px);opacity:0;transition:opacity 1s ease-in-out;z-index:1}.hero .slide.active .slide-bg{opacity:1}.hero .slide-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;color:#fffaea;text-align:center;opacity:0;transition:opacity 1s ease-in-out}.hero .slide.active .slide-text{opacity:1}.hero .slide-text h2{font-size:2rem;text-shadow:0 0 10px rgba(0,0,0,.5);margin:0}.blog-timeline-page .container,.blog-content,.post-author,.author-socials,.games-list ul,.game-card,.game-slideshow,.game-platforms,.contact-page{}