html,body{height:100%}body{background-color:#001a27;color:#f5fbff;font-family:sf mono,monaco,inconsolata,fira code,jetbrains mono,monospace;line-height:1.5;margin:0;padding:0;display:flex;flex-direction:column}header a,footer .footer-content a,.nav a,.post-title a{color:inherit;text-decoration:none}header{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:#001a27}header h1{margin:0;font-size:1.25rem;color:#f5fbff}header h1 a{color:#f5fbff}header h1 a:hover{color:#b8d4e6}header .nav a{color:#f5fbff}header .nav a:hover{color:#b8d4e6}.header-inner{display:flex;justify-content:space-between;align-items:center;max-width:768px;margin:0 auto;padding:1rem;border-bottom:1px solid #7cb2d5}.nav ul{list-style:none;display:flex;gap:1rem;margin:0;padding:0}.hamburger{display:none;flex-direction:column;gap:5px;background:0 0;border:none;cursor:pointer;padding:5px;z-index:1001}.hamburger span{display:block;width:25px;height:2px;background-color:#f5fbff;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg)translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}@media(max-width:768px){.hamburger{display:flex}.nav{position:fixed;top:0;right:-100%;width:70%;height:100vh;background-color:#001a27;border-left:1px solid #7cb2d5;padding:5rem 2rem 2rem;transition:right .3s ease;z-index:1000}.nav.active{right:0}.nav ul{flex-direction:column;gap:2rem}.nav ul li{font-size:1.2rem}}.main-wrapper{max-width:768px;width:100%;margin:0 auto;padding:1rem;padding-top:5rem;flex:1}footer{width:100%;background-color:#001a27}.footer-inner{max-width:768px;margin:0 auto;padding:1rem;border-top:1px solid #7cb2d5}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-content p{margin:0;flex-shrink:0}.footer-right{display:flex;align-items:center;gap:1.5rem}.social-icons{display:flex;color:#f5fbff;gap:1rem;align-items:center}.social-icons a{text-decoration:none;font-size:24px;color:#f5fbff;transition:color .2s}.social-icons a:hover{color:#b8d4e6}.subscribe-button{padding:.5rem 1.25rem;background-color:#003d5c;color:#f5fbff;border:1px solid #7cb2d5;border-radius:4px;font-weight:500;font-size:.9rem;transition:all .2s ease;white-space:nowrap;cursor:pointer;font-family:inherit}.subscribe-button:hover{background-color:#00486b;border-color:#b8d4e6;color:#e0f2ff}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,12,18,.8)}.modal-content{background-color:#001a27;margin:15% auto;padding:2rem;border:1px solid #7cb2d5;border-radius:8px;width:90%;max-width:500px;position:relative}.modal-content h2{margin-top:0;color:#f5fbff;font-size:1.5rem}.modal-content p{color:#b8d4e6;margin-bottom:1.5rem}.close{position:absolute;right:1rem;top:1rem;color:#b8d4e6;font-size:28px;font-weight:700;cursor:pointer;line-height:1}.close:hover,.close:focus{color:#e0f2ff}#subscribe-form{display:flex;flex-direction:column;gap:1rem}#subscribe-form input[type=email]{padding:.75rem;background-color:#000c12;border:1px solid #003d5c;border-radius:4px;color:#f5fbff;font-size:1rem;font-family:inherit}#subscribe-form input[type=email]:focus{outline:none;border-color:#7cb2d5}#subscribe-form button{padding:.75rem;background-color:#003d5c;color:#f5fbff;border:1px solid #7cb2d5;border-radius:4px;font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s ease;font-family:inherit}#subscribe-form button:hover{background-color:#00486b;border-color:#b8d4e6;color:#e0f2ff}.success-message{color:#7cb2d5;font-weight:500;margin-top:1rem}@media(max-width:768px){.footer-content{flex-direction:column;align-items:flex-start;gap:1rem}.footer-right{width:100%;flex-direction:column;align-items:flex-start;gap:1rem}.subscribe-button{width:100%}.modal-content{margin:30% auto;width:85%;padding:1.5rem}.modal-content h2{font-size:1.25rem}}.posts-list{display:flex;flex-direction:column}.post-item{padding:1.5rem 0;border-bottom:2px solid #003d5c;border-radius:2px}.post-item:last-child{border-bottom:none}.post-title{margin:0 0 .5rem;font-size:1rem}.post-title a{color:#f5fbff}.post-title a:hover{color:#b8d4e6}.post-date{display:block;color:#b8d4e6;font-size:1rem;margin-bottom:.5rem}.post-description{color:#b8d4e6;margin:0;font-size:1rem}.post-description a:link,.post-description a:visited,.post-description a:active{color:#b8d4e6!important;text-decoration:underline!important}.post-description a:hover{color:#e0f2ff!important}.post-content{color:#f5fbff;line-height:1.75;font-size:1rem;font-family:inter,sans-serif}.post-content a:link,.post-content a:visited,.post-content a:active{color:#b8d4e6!important;text-decoration:underline!important}.post-content a:hover{color:#e0f2ff!important}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{font-family:inter,sans-serif;font-weight:600;color:#b8d4e6;margin-top:2rem;margin-bottom:1rem;line-height:1.3}.post-content h1{font-size:2rem}.post-content h2{font-size:1.6rem}.post-content h3{font-size:1.3rem}.post-content p{margin-bottom:1.25rem}.post-content img{max-width:100%;height:auto;display:block;margin:1.5rem auto;border-radius:8px}.post-content ul,.post-content ol{padding-left:1.5rem;margin-bottom:1.25rem}.post-content li{margin-bottom:.5rem}.post-content blockquote,blockquote{border-left:5px solid #7cb2d5!important;background-color:#002c3f!important;padding:.5rem 1rem!important;margin:.75rem 0!important;font-style:italic!important;color:#e0f2ff!important;border-radius:4px!important}.post-content code{background-color:#00334a;color:#7cb2d5;padding:.2em .4em;border-radius:4px;font-size:.95em;font-family:sf mono,monaco,inconsolata,fira code,jetbrains mono,monospace}.post-content pre{background-color:#00141e;color:#e0f2ff;padding:1.25rem;overflow-x:auto;border-radius:8px;border:1px solid #003d5c;margin:1.5rem 0;font-family:sf mono,monaco,inconsolata,fira code,jetbrains mono,monospace;font-size:.95rem;line-height:1.5}.post-content pre code{background:0 0;padding:0;color:inherit}.post-content hr{border:none;border-top:1px solid #003d5c;margin:2rem 0}