*{margin:0;padding:0;box-sizing:border-box}body{font-family:georgia,serif;overflow-x:hidden}.homepage{height:100vh;position:relative}.hero-container{position:relative;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.background-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;z-index:-2;animation:opacityPulse 8s ease-in-out infinite}@keyframes opacityPulse{0%,100%{opacity:.95}50%{opacity:1}}.background-image::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:-1}.floating-title{position:absolute;top:15%;left:50%;transform:translateX(-50%);text-align:center;z-index:10;animation:float 6s ease-in-out infinite;width:90%}.floating-title h1{font-size:4.8rem;font-weight:700;color:red;text-shadow:3px 3px 6px rgba(0,0,0,.8);letter-spacing:2px;margin:0;line-height:1.2}@keyframes float{0%,100%{transform:translateX(-50%)translateY(0)}50%{transform:translateX(-50%)translateY(-10px)}}.recent-post{position:absolute;bottom:45%;left:0;right:0;width:100%;z-index:10;display:flex;justify-content:center;align-items:center;padding:0 2rem}.post-content-title-style{text-align:center;width:90%;max-width:none;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto}.post-content-title-style h2{font-size:3.6rem;font-weight:700;color:red;text-shadow:3px 3px 6px rgba(0,0,0,.8);letter-spacing:1px;margin:0 0 1rem;line-height:1.2;text-align:center;width:100%}.post-content-title-style h2 a{color:red;text-decoration:none;transition:color .3s ease;display:block;text-align:center}.post-content-title-style h2 a:hover{color:rgba(255,0,0,.8)}.post-excerpt-title-style{font-size:3.6rem;font-weight:400;color:red;text-shadow:3px 3px 6px rgba(0,0,0,.8);letter-spacing:1px;line-height:1.2;margin:0;max-width:none;text-align:center;width:100%}.show-post-button{position:fixed;bottom:20px;left:20px;background:rgba(0,0,0,.7);color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;z-index:1000;font-size:14px;font-weight:700;transition:background .3s ease}.show-post-button:hover{background:rgba(0,0,0,.9)}.floating-post-content{position:fixed;top:20%;left:50%;transform:translate(-50%,0);background:#f5f5f5;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.3);backdrop-filter:blur(10px);border:1px solid #e0e0e0;z-index:2000;max-width:600px;width:90%;height:70vh;overflow:hidden;display:flex;flex-direction:column}.floating-post-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px 15px;border-bottom:2px solid #eee}.floating-post-title-section{display:flex;flex-direction:column;align-items:flex-start;flex:1}.floating-post-header h3{margin:0 0 5px;color:#333;font-size:1.2rem;font-weight:700}.floating-post-date{color:#666;font-size:.9rem;font-style:italic;margin:0}.close-post-button{background:0 0;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:5px;border-radius:3px;transition:background .3s ease}.close-post-button:hover{background:rgba(0,0,0,.1)}.floating-post-body{padding:20px 25px 0;display:flex;flex-direction:column;flex:1;position:relative;overflow:hidden}.floating-post-content-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.floating-post-body h4{margin:0 0 15px;color:#333;font-size:1.1rem;line-height:1.3}.floating-post-body h4 a{color:#333;text-decoration:none;transition:color .3s ease}.floating-post-body h4 a:hover{color:#667eea}.floating-post-excerpt{color:#555;line-height:1.6;margin-bottom:20px;font-size:.9rem}.floating-post-full-content{flex:1;overflow-y:auto;padding:15px 0 80px;color:#555;line-height:1.6;font-size:.9rem}.floating-post-full-content p{margin-bottom:15px}.floating-post-full-content strong{font-weight:700;color:#333}.floating-post-full-content em{font-style:italic}.floating-post-navigation{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:15px 25px;gap:10px;flex-shrink:0;background:#f5f5f5;border-top:1px solid #e0e0e0;border-radius:0 0 15px 15px;z-index:10}.nav-button{flex:1;padding:8px 12px;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:all .3s ease;font-size:12px}.prev-button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.prev-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.next-button{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%);color:#fff}.next-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.nav-button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:768px){.floating-title h1{font-size:3rem;letter-spacing:1px}.post-content-title-style h2{font-size:2.64rem;letter-spacing:.5px}.post-excerpt-title-style{font-size:2.64rem;letter-spacing:.5px}.recent-post{bottom:40%;padding:0 1rem}.floating-post-content{width:95%;max-width:95%;height:80vh;top:10%}.floating-post-header{padding:15px 15px 12px}.floating-post-header h3{font-size:1rem;margin:0 0 3px}.floating-post-date{font-size:.8rem}.close-post-button{font-size:1.3rem;padding:3px}.floating-post-body{padding:15px 15px 0}.floating-post-full-content{padding:10px 0 80px;font-size:.85rem}.floating-post-navigation{padding:12px 15px;gap:8px}.nav-button{padding:10px 8px;font-size:11px}.show-post-button{bottom:15px;left:15px;padding:8px 16px;font-size:13px}}@media(max-width:480px){.floating-title h1{font-size:2.4rem}.post-content-title-style h2{font-size:2.16rem;letter-spacing:.3px}.post-excerpt-title-style{font-size:2.16rem;letter-spacing:.3px}.floating-post-content{width:96%;max-width:96%;height:85vh;top:7.5vh;border-radius:10px}.floating-post-header{padding:12px 12px 10px}.floating-post-header h3{font-size:.9rem;line-height:1.2}.floating-post-date{font-size:.75rem}.close-post-button{font-size:1.2rem;padding:2px}.floating-post-body{padding:12px 12px 0}.floating-post-full-content{padding:8px 0 75px;font-size:.8rem;line-height:1.5}.floating-post-full-content p{margin-bottom:12px}.floating-post-navigation{padding:10px 12px;gap:6px;border-radius:0 0 10px 10px}.nav-button{padding:9px 6px;font-size:10px}.show-post-button{bottom:12px;left:12px;padding:7px 14px;font-size:12px}}.post-page{max-width:800px;margin:0 auto;padding:2rem 1rem;background:rgba(255,255,255,.95);border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.3);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);margin-top:2rem;margin-bottom:2rem}.post-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #eee}.post-header h1{font-size:2.5rem;color:#333;margin-bottom:.5rem;line-height:1.2}.post-date{color:#666;font-size:1rem;font-style:italic}.post-content{line-height:1.8;color:#444;font-size:1.1rem}.post-content h2,.post-content h3,.post-content h4{color:#333;margin-top:2rem;margin-bottom:1rem}.post-content p{margin-bottom:1.5rem}.post-content blockquote{border-left:4px solid #667eea;padding-left:1.5rem;margin:2rem 0;font-style:italic;color:#555}.post-footer{margin-top:3rem;padding-top:2rem;border-top:2px solid #eee;text-align:center}.back-home{display:inline-block;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:.75rem 1.5rem;border-radius:25px;text-decoration:none;font-weight:700;transition:transform .3s ease,box-shadow .3s ease}.back-home:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}body:not(.homepage){background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:1rem}@media(max-width:768px){.post-page{margin:1rem;padding:1.5rem}.post-header h1{font-size:2rem}.post-content{font-size:1rem}}@media(max-width:480px){.post-page{margin:.5rem;padding:1rem}.post-header h1{font-size:1.5rem}}