.blog-input-container{display:block;width:min(800px,90%);margin:0 auto 2rem;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}#root{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background:linear-gradient(135deg,#dad7cd,#a3b18a);padding:2rem 1rem}button{font-size:1.5rem;padding:.75rem 2rem;margin:2rem auto;display:block;background:#588157;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600}button:hover{background:#3a5a40;transform:translateY(-2px);box-shadow:0 4px 12px #0003}button:active{transform:translateY(0)}.input-group input,.input-group select{display:block;width:100%;margin-top:1rem;padding:.75rem 1rem;font-size:1.6rem;border:2px solid #dad7cd;border-radius:8px;transition:border-color .3s ease;font-family:inherit}.input-group input:focus,.input-group select:focus{outline:none;border-color:#588157;box-shadow:0 0 0 3px #5881571a}.input-group label{display:block;font-weight:600;color:#344e41;margin-bottom:.5rem}.output-container{margin:2rem auto;padding:2rem;max-width:1000px;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;font-size:1.5rem;line-height:1.6;clear:both}@media(max-width:768px){.blog-input-container{width:95%;padding:1.5rem}button{width:100%;margin-left:0}.input-group input,.input-group select{font-size:1.4rem}}