*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:#f4f6f8;color:#333;line-height:1.6}.container{max-width:800px;margin:20px auto;padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a}nav{display:flex;justify-content:space-between;align-items:center;background-color:#007bff;padding:15px 20px;border-radius:8px;margin-bottom:20px}nav a{color:#fff;text-decoration:none;font-weight:600;font-size:1.1em;margin:0 10px;transition:color .3s ease}nav a:hover{color:#e0e7ff}.blog-title{font-size:2em;font-weight:700;color:#333;text-align:center;margin-bottom:20px;color:#007bff}.post-list{display:flex;flex-direction:column;gap:20px}.post-list h2{font-size:1.5em;color:#007bff;transition:color .3s ease}.post-list p{font-size:1em;color:#555}.post-list h2:hover{color:#0056b3}.post-preview{padding:15px;background:#f8fafc;border:1px solid #e0e7ff;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease}.post-preview:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0000001a}.post{padding:20px;background-color:#f9fbfd;border-radius:10px;border:1px solid #e0e7ff;margin-bottom:20px}.post h1{font-size:2em;font-weight:700;color:#007bff;margin-bottom:10px}.post-content{font-size:1.1em;color:#444;margin-top:10px;line-height:1.8}button,.btn{background-color:#007bff;color:#fff;padding:10px 15px;font-size:1em;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}button:hover,.btn:hover{background-color:#0056b3}form{display:flex;flex-direction:column;gap:15px;margin-top:20px}input[type=text],textarea{padding:12px;border:1px solid #ccd6e3;border-radius:8px;font-size:1em;width:100%;color:#333;background:#f9fbfd;transition:border-color .3s ease}input[type=text]:focus,textarea:focus{border-color:#007bff;outline:none}button[type=submit]{font-weight:600}